iframe子页面操作父页面

来源：互联网发布：微信支付js接口文档编辑：程序博客网时间：2024/04/28 08:53

推荐博文：

http://blog.163.com/m13864039250_1/blog/static/2138652482014101471125250/

http://blog.163.com/m13864039250_1/blog/static/213865248201410147530139/

http://blog.163.com/m13864039250_1/blog/static/213865248201410147121506/

最近经常用到iframe，用的最多的就是在子页面中操作父页面的方法或变量等，总结了用到的几种方法，如下：

var htmlUrl = window.parent.$("#main_frame").attr("src");(jQuery)//获取父页面的iframe的src属性值

其实获取父页面的一个参数或方法有很多种的写法，现在拿获取父页面的iframe的src属性值为例，现在先看主页面的html代码：

要获取iframe的src的值的话，可以在子页面MainFrame.aspx中用这几种方法获取：

            var htmlUrl = window.parent.$("#main_frame").attr("src"); (jQuery)//获取父页面的iframe的src属性值             var htmlUrl = window.parent.$("#main_frame").attr("src");(jQuery)             var htmlUrl = window.parent.$("iframe[name='mainFrame']").attr("src");(jQuery)             var htmlUrl = window.parent.document.getElementById("main_frame").src;             var htmlUrl = window.parent.frames["mainFrame"].location;             var htmlUrl = window.parent.$("[name='mainFrame']").attr("src");

0 0