您的位置:首页 > Web前端 > JavaScript

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")


注意:由于安全问题,协议规定框架内的页面是不能跨域的!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息