javascript 获取iframe里页面中元素值的方法_Javascript教程-查字典教程网
javascript 获取iframe里页面中元素值的方法
javascript 获取iframe里页面中元素值的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:IE方法:document.frames['myFrame'].document.getElementById('test').value;...

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'></iframe>

<input type="button" id="btn" 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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类