【学习】调用iframe中的方法

本文转载自查看原文 2019-11-13 16:44 1093 前端

当页面中有iframe时，想在主页面调用iframe中的方法，可以用contentWindow属性。但具体用时还有一点要注意，就是必须等页面加载完成才可以，否则会报错找不到函数。

例：

父页面：

<iframe id="son" src="a.html"></iframe>

子页面：

<body>
    这是子页面
    <script>
        function test() {
            console.log("子页面的方法");
        }
    </script>
</body>

如果直接这样写：

document.getElementById('son').contentWindow.test();

修改：

window.onload=function(){
    document.getElementById('son').contentWindow.test();
}

或者：

var map_iframe = document.getElementById("son");
map_iframe.onload = function() {    
    map_iframe.contentWindow.test();
};

这样就可以了：

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 关于调用iframe中的方法 jQuery 互相调用iframe页面中js的方法 iframe的使用及方法调用 Vue中，iframe中的子网页，调用父网页的方法 JS 互相调用iframe页面中js方法、VUE里 iframe 互调方法 Javscript调用iframe框架页面中函数的方法 js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法 vue调用嵌套iframe的方法在iframe里面调用vue的方法 iframe 父子页面方法调用