iframe遇到的坑,如子父页面元素获取报错,iframe.contentWindow == null等等

iframe遇到的坑,如子父页面元素获取报错,iframe.contentWindow == null等等新接触了一个用iframe的项目,入门的时候子父页面的元素获取和传值搞得我头晕脑胀,浪费了很多时间。在此,总结下iframe的一些小知识子页面获取父页面元素//js//获取父页面的windowwindow.parent//获取父页面元素window.parent.document.getElementById("objid")……

新接触了一个用iframe的项目,入门的时候子父页面的元素获取和传值搞得我头晕脑胀,浪费了很多时间。
在此,总结下iframe的一些小知识

子页面获取父页面元素

//js
	//获取父页面的window
	window.parent
	//获取父页面元素
	window.parent.document.getElementById("objid");
//jq
	//获取父页面元素
	$("objname",parent.document);

父页面获取子页面元素 !记得一定要在匿名函数里写,否则就会报错,例如iframe.contentWindow == null等等。
原理,父页面获取iframe元素时,要在DOM都加载好后才能获取到,当iFrame加载它的内容时是获取不到DOM元素的

//js
	//获取子页面的window
	1.document.getElementById("testiframe").contentWindow
	2.window.frames[0]
	3.$("#testiframe")[0].contentWindow
	//调用子页面函数
	document.getElementById(子页面id).contentWindow.子页面方法()
---------------------------------------------------------------
//jq
 var _iframe = document.getElementById('left').contentWindow;
	//iframe子页面的元素
$("objid",document._iframe('iframename').document)

今天的文章iframe遇到的坑,如子父页面元素获取报错,iframe.contentWindow == null等等分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/5872.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注