在iframe标签中操作外层dom

在iframe标签中操作外层dom

今天遇到了个问题，在此记录。
本身是同一个管理系统，分上下，下分左右；左侧就是菜单list，右侧就是内容区，在内容区的顶部有一个tab标签，来收集当前开启的页面，展示title，可以手动关闭。
具体内容区展示什么，使用的是iframe标签进行切换src实现的。
我这里其实问题很简单，就是在iframe中触发外层的事件，a标签控制click一下就可以。

这里使用了jq：

const changeAElement =(href,name)=>{
	$("#transAElement", window.parent.document).attr('href', href).text(name)[0].click();
}
// 链路质量分析 详情跳转
$('.detailsBtnLeft1').on('click', () => {
	let href = "/newPage.html";
	let name = '质量分析'
	changeAElement(href,name)
})
1
2
3
4
5
6
7
8
9

最外层dom：

<a id="transAElement" style="position: relative;left: -1000px;opacity: 0;" class="J_menuItem" href="">查询</a>
1

J_menuItem的dom会增加一个点击事件，再点击事件里面获取href属性，给iframe用作src使用。

内部项目，不再贴图。