父页面调用iframe里的js函数(contentWindow)和dom元素(contentDocument)

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2013/4/3

父页面调用iframe里的js函数:

document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价
window.frames['iframedemo'].contentWindow.demofunction();
其中iframedemo是iframe的id,demofunction是iframe里的js函数名

父页面调用iframe里的dom元素:

document.getElementById('iframedemo').contentDocument.getElementById("INPUT_Text").value; //与下边一句等价
window.frames['iframedemo'].contentDocument.getElementById("INPUT_Text").value;
其中iframedemo是iframe的id

注意事项:

contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。
contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。

题外话:

那么从子页面(iframe)调用父页面,就用window.parent;
如果从页面A中,执行了window.open(url);打开的页面B, 那么页面B访问页面A,就用window.opener;
如果跨域访问父页面或者子页面的js函数或dom,会有拒绝访问的情况,一般要保证同域,document.domain="camnpr.com";
更多关于页面之间跳转来跳转去、访问来访问去的话题,欢迎留言。

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/parent-iframe-contentwindow-contentdocument.html