iframe 父子窗口操作

最新推荐文章于 2018-12-11 15:14:00 发布

weixin_33796177

最新推荐文章于 2018-12-11 15:14:00 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/jjjjjjjjjjj11111/blog/464975

本文介绍了如何使用jQuery在iframe与其父页面或兄弟iframe之间进行元素选择及操作的方法。包括从父页面获取iframe内的元素，以及从iframe内部访问父页面元素等实用技巧。

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/jjjjjjjjjjj11111/blog/464975