iframe父子页面间的相互调用

最新推荐文章于 2022-10-19 15:01:08 发布

深海中有鱼

最新推荐文章于 2022-10-19 15:01:08 发布

阅读量113

点赞数

分类专栏： JAvaScript

本文链接：https://blog.csdn.net/m0_46129241/article/details/108978319

版权

JAvaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

iframe父子页面间的相互调用

父页面parent.html

HTML：
	<div>我是父页面</div>
	<iframe id="parentId" src="child.html"></iframe>
JavaScript：
	function parentWay(){
		alert("我是父页面的方法！");
	}
	//父页面调用子页面的方法
	function parentCallChild(){
		document.getElementById("parentId").contentWindow.childWay();
	}
	//父页面调用子页面的元素
	function parentCallChildVar(){
		$("#parentId").contents().find("#clickId").click();
	}

子页面child.html

HTML：
	<div>我是子页面</div>
	<button id="clickId" onclick="clickWay()"></button>
JavaScript：
	function childWay(){
		alert("我是子页面的方法！");
	}
	function clickWay(){
		alert("我是子页面点击方法！");
	}
	//子页面调用父页面的方法
	function childCallParent(){
		window.parent.parentWay();
	}