1. 爱易网页
  2. JavaSript
  3. 怎样获取Iframe中的内容,该怎么解决

怎样获取Iframe中的内容,该怎么解决

日期：2014-05-16　 浏览次数：20609 次

怎样获取Iframe中的内容
TestIframe.html

<html>
<head>
<script type="text/javascript">
alert(document.getElementById("MyIFrame").contentWindow.document.body.innerHTML);
function f(){
  var doc;

  if (document.all){//IE
  doc = document.frames["MyIFrame"].document;
  }else{//Firefox
  doc = document.getElementById("MyIFrame").contentDocument;
  }
  doc.getElementById("s").innerHTML += "123456789";
}
</script>
</head>
<body onload="f()">

<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.html" width = "500" height="500">

</body>
</html>

MyIFrame.html

<h1 id = "s" style="color:red;" >内容<h1>


firefox 提示document.getElementById("MyIFrame") is null

------解决方案--------------------
执行
alert(document.getElementById("MyIFrame").contentWindow.document.body.innerHTML);
的时候，iframe还不存在
你把这段script放在
<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.html" width = "500" height="500">
的下面就行了
------解决方案--------------------
window.top
window.left
window.right
window.parent
通过他们
------解决方案--------------------
探讨
执行
alert(document.getElementById("MyIFrame").contentWindow.document.body.innerHTML);
的时候，iframe还不存在
你把这段script放在
<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.html" width = "500" heigh……

相关资料更多>

  1. 二维数组转化作json
  2. JavaScript 往字符串 中间 前后空格搜集
  3. 什么地方错了,该怎么处理
  4. OGNL, JSTL, STRUTS2标签中符号#$,%的用法示范
  5. node.js毕竟提高了什么效率，能应对高并发
  6. 完美控制aspx页面显示图片的大小,该如何解决
  7. Ext JS 四: 动态加载与新的类体系
  8. firefox与ie的javascript差异(解决兼容性必看)
  9. innerHTML中的反斜杠连接字符串换行是不合法的？该怎么解决