js中iframe调用父页面的方法
程序员文章站
2022-05-12 17:43:17
...
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:
子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了
比如调用a()函数,就写成:
window.parent.a();
但是我在chrome浏览器下却发现此方法无效了
//在父页面中调用该函数 <script> function dey() { var cards_frame=document.frames("card-iframe"); //card-iframe为iframe的名字 cards_frame.checkedCard() //调用iframe中定义的方法,把内嵌页面的值传到父页面 } </script>
2)在iframe 中调用 父页面定义的方法
function alert_window(picurl,h_id) { document.parentWindow.parent.msg(picurl,h_id); } //msg()为父窗口定义的函数.
card-iframe是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。
希望本文所述对大家的javascript程序设计有所帮助。
更多js中iframe调用父页面的方法相关文章请关注PHP中文网!
推荐阅读
-
解决同一页面中两个iframe互相调用jquery,js函数的方法
-
jquery、js调用iframe父窗口与子窗口元素的方法教程
-
Layer获取iframe的dom元素及调用iframe页的js方法详解
-
html iframe 子页面调用父页面的方法
-
iframe里面的页面调用父窗口,左右窗口js函数的方法 CC++C#HTML.net
-
iframe里面的页面调用父窗口,左右窗口js函数的方法 CC++C#HTML.net
-
vue.js中父组件调用子组件的内部方法分享
-
jquery、js调用iframe父窗口与子窗口元素的方法教程
-
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
-
js中iframe调用父页面的方法