调用Iframe种方法

最新推荐文章于 2022-09-08 10:51:15 发布

iteye_16014

最新推荐文章于 2022-09-08 10:51:15 发布

阅读量162

点赞数

分类专栏： Javascript 文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_16014/article/details/82435209

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏


在iframe中调用js父页面和子页面方法 在iframe中调用父页面和子页面js方法：

今天朋友问我：a页面用iframe引入b页面，而此时要在a页面怎么调用iframe所引入b页面里的方法，很熟悉，但就是忘记了，后来百度下，才晓得，主要通过window.frames["name属性"].方法名（），也就是iframe中的name属性，so easay……b页面调用a页面中的方法略过看代码吧

index.html

<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is index's js function");
}
</script>
</head>
<body>
<div style="background: lightblue;">
<input type="button" value="index" onclick="ff();" />
<input type="button" value="inner" onclick='window.frames["childPage"].ff();' />
</div>
<iframe id="" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>

inner.html

<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>sdfdsdfdsfdsfsdfthis is inner page's js function");
}
</script>
</head>
<body>
<div>
<input type="button" value="index" onclick='parent.window.ff();' />
<input type="button" value="inner" onclick="ff();" />
</div>
</body>
</html>

iteye_16014

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
调用Iframe种方法

[code="html"]在iframe中调用js父页面和子页面方法在iframe中调用父页面和子页面js方法：今天朋友问我：a页面用iframe引入b页面，而此时要在a页面怎么调用iframe所引入b页面里的方法，很熟悉，但就是忘记了，后来百度下，才晓得，主要通过window.frames["name属性"].方法名（），也就是iframe中的name属性，so easay……b页...
复制链接

扫一扫

专栏目录