iframe子页面操作父页面
2013-12-26 08:42
120 查看
推荐博文:
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");
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");
相关文章推荐
- easyUI的iframe子页面操作父页面元素
- easyUI的iframe子页面操作父页面元素
- iframe子页面操作父页面
- easyUI的iframe子页面操作父页面元素
- 在父页面中获取iframe子页面元素进行相应操作
- iframe子页面操作父页面并实现屏蔽页面弹出层效果
- 父页面操作iframe子页面的安全漏洞及跨域限制问题
- easyUI的iframe子页面操作父页面元素
- easyUI的iframe子页面操作父页面元素
- iframe子页面操作父页面
- easyUI的iframe子页面操作父页面元素
- 无操作定时关闭页面
- 高频dom操作和页面性能优化探索(转)
- phantomJs页面操作
- Silverlight中的“拖拽操作”: 把图片拖拽到Silverlight页面里。
- 利用JS对iframe父子(内外)页面进行操作的方法教程
- 导出Excel文件到iframe子页面中下载时的一个怪异问题
- [置顶] JS禁止用户对页面文档进行操作
- 主页面与iframe子页面互相传值
- JavaScript当离开页面时可以进行的操作