js如何在iframe父页面和子页面中操作dom
2015-04-28 00:00
435 查看
jquery操作包含iframe的页面中元素的几种方法:
注意:由于安全问题,协议规定框架内的页面是不能跨域的!
// //在iframe子页面获取父页面元素 $('#objId', parent.document); $(window.parent.document).find("#objId"); //在父页面获取iframe子页面的元素 $("#objid",document.frames('iframename').document); $("#objid",window.frames["iframeName"].document); $("#objid",document.getElementById('iframeId').contentWindow.document); $(window.frames["iframeName"].document).find("#objid"); $("#iframeId").contents().find("#objid"); //例子 //显示iframe中body元素的内容 $(document.getElementById('iframeId').contentWindow.document.body).html(); //例子 //显示iframe中id为testId的元素的内容 $("#testId", document.frames("iframename").document).html(); $(window.frames["iframeName"].document).find("#testId").html() //例子 //在父窗口中操作,选中IFRAME中的所有单选钮 $(window.frames["iframeName"].document).find("input:radio").attr("checked","true"); //在IFRAME子窗口中操作,选中父窗口中的所有单选钮 $(window.parent.document).find("input:radio").attr("checked","true"); //再进一步 //父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了 $(window.frames["iframe1"].frames["iframe2"].document).find("input:radio")
注意:由于安全问题,协议规定框架内的页面是不能跨域的!
相关文章推荐
- js如何在iframe父页面和子页面中操作dom
- 如何用JS操作iFrame里的Dom
- 原生JS操作iframe里的dom
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素
- 用JS访问操作iframe里的dom
- 超简洁的jquery操作页面中iframe内的dom元素(未测试)
- JS操作iframe里的dom(转)
- JS操作iframe里的DOM || contentWindow,contentDocument
- js对iframe内外(父子)页面进行操作
- JS操作iframe里的dom(实例讲解)
- JS DOM操作(一) 对页面的操作
- js中iframe的子父页面互相操作的方法
- layer如何关闭以及父页面如何访问IFRAME页面的JS方法属性
- js中window和document对象及如何操作iframe
- 两个集合直接的操作 如何jsp页面迭代遍历,js如何写函数
- 在frameset,frame,iframe中如何操作其他框架中的页面以及如何刷新框架中的页面
- 高效率http页面优化法则一【JS对DOM的操作】
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
- JS操作iframe里的dom
- JS未跨域操作iframe里的DOM