Jquery 调用iframe中的js

最新推荐文章于 2023-05-26 11:28:04 发布

weixin_30275415

最新推荐文章于 2023-05-26 11:28:04 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xugh/p/9599346.html

版权

在工作中要在html中嵌入iframe 并且调用其中的js方法。

网上找的demo都是 html中一个点击事件的方法中调用到iframe中的js.

点击触发后，此时iframe早已被渲染完成，所以这么干是可行的。

现在我遇到的情况是在没有任何操作的前提下，html加载后就调用iframe中的js.

以下利用到 Jquery的load()方法，待iframe加载完成后，调用其js.

parent.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>ifram测试</title> 
 6 <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
 7 </head> 
 8 <body>
 9 
10 <iframe id="iframe1" src="child.html" height="500px" width="500px">
11 </iframe>
12 <script>
13     $(document).ready(function(){
14         $("#iframe1").load(function(){
15             $("#iframe1")[0].contentWindow.sayHello('hello world');
16         });
17 
18     });
19 </script>
20 </body>
21 </html>

child.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8">  
 5 </head> 
 6 <body>
 7 
 8 <p>这是iframe页面 </p>
 9 <script>
10     function sayHello(text){
11         console.info(text);
12     }
13 </script>
14 </body>
15 </html>

转载于:https://www.cnblogs.com/xugh/p/9599346.html

weixin_30275415

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 调用iframe中的js

在工作中要在html中嵌入iframe 并且调用其中的js方法。网上找的demo都是 html中一个点击事件的方法中调用到iframe中的js.点击触发后，此时iframe早已被渲染完成，所以这么干是可行的。现在我遇到的情况是在没有任何操作的前提下，html加载后就调用iframe中的js.以下利用到 Jquery的load()方法，待iframe加载完成后，调用其js.par...
复制链接

扫一扫