iframe嵌套页面中的父子页面通信

最新推荐文章于 2024-09-03 15:28:50 发布

故事很多坐下说

最新推荐文章于 2024-09-03 15:28:50 发布

阅读量389

点赞数

分类专栏：前端文章标签： html5 html javascript js web

本文链接：https://blog.csdn.net/tianxiefenxiang/article/details/106539041

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

同域：
	获取标签： parent.document.getElementById("parentId"); 和 window.frames["subIframe"].contentDocument.getElementById("subDiv");
        获取参数(参数需为所在页面的全局参数)： parent.parentParam; 和 window.frames["subIframe"].contentWindow.subParam;
        调用方法(方法需为所在页面的全局方法)： parent.parentFunc(); 和 window.frames["subIframe"].contentWindow.subFunc();
跨域传参：
        父->子：在子iframe标签 src属性后 加 data字符串，用于传参。如 src="https://www.baidu.com?a=1"
        子->父：通过将一个与父页同域的代理iframe嵌入到子iframe中 实现传参。