调用iframe中的方法和获取iframe中元素的值

最新推荐文章于 2024-04-19 11:04:27 发布

atongmu2017

最新推荐文章于 2024-04-19 11:04:27 发布

阅读量7.1k

点赞数

分类专栏：代码学习复用

本文链接：https://blog.csdn.net/atongmu2017/article/details/98176798

版权

代码学习复用专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首页：iframe引入test.html

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>
<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>
<iframe id="iframe" src="test.html"></iframe>
</body>
</html>

test.html

<html>
<script>  
     function testMethod(){  
         alert("你点击了按钮哦");  
     }  
</script>  
<body>
<title></title>
 基本的html文件
 <input id="test" type='text' value='testing'/>
</body>
</html>

在首页中调用test页面的方法和获取元素值：

var iframe = window.document.getElementById("iframe"); 
iframe.contentWindow.methodName();
var test = iframe.contentWindow.document.getElementById('test').value;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

atongmu2017

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
调用iframe中的方法和获取iframe中元素的值

首页：iframe引入test.html<html><body><p>用 IFRAME 可以在HTML文件里显示另一个网页。</p><p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p><iframe id="iframe" src="test.html...
复制链接

扫一扫