您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript 获取iframe里页面中元素值的方法
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本篇文章主要是对javascript获取iframe里页面中元素值的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
IE方法： document.frames['myFrame'].document.getElementById('test').value; 火狐方法： document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE、火狐方法： 代码如下: function getValue(){ var tmp = ''; if(document.frames){ tmp += 'ie哥说：'; tmp += document.frames['myFrame'].document.getElementById('test').value; }else{ tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value; } alert(tmp); } 示例代码： a.html页面中的代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> javascript 获取iframe里页面中元素的值 测试 </title> </head> <body> <iframe id="myFrame" src='b.html' style="width:300px;height: 50px;"></iframe> <input type="button" id="btn" onclick="getValue()" value="test" > <script type="text/javascript"> function getValue(){ var tmp = ''; if(document.frames){ tmp += 'ie哥说：'; tmp += document.frames['myFrame'].document.getElementById('test').value; }else{ tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value; } alert(tmp); } </script> </body> </html> b.html页面中的代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 我是 iframe内的页面 </title> </head> <body> <input type='text' id="test" value='欢迎访问：justflyhigh.com'> </body> </html>- 上一个程序编程： Jquery在指定DIV加载HTML示例代码
- 下一个程序编程： jquery的ajax简单结构示例代码
