iframe里的js操作父级窗口的dom
iframe里的js要操作父级窗口的dom,必须搞懂几个对象:
parent是父窗口(如果窗口是顶级窗口,那么parent==self==top),
top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),
self是当前窗口(等价window),
opener是用open方法打开当前窗口的那个窗口;
这样iframe里的js要操作父级窗口的dom可以通过parent,top这些对象来获取父窗口的window对象,
例如:
index.jsp中
<div data-options="region:'west',split:true,title:'系统菜单'" style="width:210px;padding-top: 1px; margin-top: 0;">
<iframe id="tree" src="tree.jsp" scrolling="none" frameborder="0" align="top" width="100%" height="100%"></iframe>
</div>
<div id="centerDiv" data-options="region:'center',title:'基础数据查询>>样品信息查询'" style="width: 800px; height: 300px;">
<iframe id="tableIframe" src="main1.jsp" scrolling="auto" frameborder="0" align="top" style="height: 100%;width:100%;"></iframe>
</div>
tree.jsp中
var ifr= parent.document.getElementById("tree");
//js
alert(ifr.src);
alert(ifra);
//jquery
alert($("#tree",parent.document).attr("src"));
$("#tableIframe",top.document).attr("src","news.jsp");
$("#centerDiv",top.document).attr(",title"," ");
parent,top还能调用父级窗口的的js方法,比如,getIFrameDOM()是父级窗口的一个方法,
那么iframe里可以使用parent.getIFrameDOM()来调用父级窗口的getIFrameDOM()方法;
相关推荐
本篇主要是对JS操作iframe里的dom进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
iframe的DOM操作 iframe的DOM操作 iframe的DOM操作 iframe的DOM操作
JavaScript实现IFrame子窗口调用父窗口的全局变量
子窗口iframe提交后跳转到父窗口,总结四种方法。
对于多数后台管理项目都会使用iframe来加载页面,但是iframe刷新时链接会消失页面会执行首页的页面,本次代码就是解决iframe二级菜单刷新禁止返回首页的操作,简单易懂。
主要介绍了js实现ifram取父窗口URL地址的方法,是javascript操作window.parent对象非常典型的应用技巧,需要的朋友可以参考下
iframe自适应高度(DOM动态操作)
HTML中IFrame父窗口与子窗口相互操作
NULL 博文链接:https://justcoding.iteye.com/blog/770225
如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容。 index-> <iframe src=a.html frameborder=0 name=one id=iframeId></iframe> ...
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
博文链接:https://hongan.iteye.com/blog/245498
js操作iframe的一些知识,操作iframe
DOM IFrame DOM Image DOM Input Button DOM Input Checkbox DOM Input File DOM Input Hidden DOM Input Password DOM Input Radio DOM Input Reset DOM Input Submit DOM Input Text DOM Link DOM ...
下面小编就为大家带来一篇原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
通过HTTPClient界面在JSP中嵌入iframe子界面跨域时,无法获取跨域界面的属性值的问题
动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
js_弹出窗口_iframe