BT9034: 仅 IE 和 Opera 支持 HTMLFrameElement 和 HTMLIFrameElement 的 document 属性

时间 2019-11-13

标签 bt9034 opera 支持 htmlframeelement htmliframeelement document 属性栏目浏览器繁體版

原文原文链接

标准参考

根据 DOM-2 中的描述，HTMLFrameElement 和 HTMLIFrameElement 都没有 'document' 属性。html

关于 HTMLFrameElement 对象的详细信息，请参考 DOM-2 Interface HTMLFrameElement 中的内容。浏览器

关于 HTMLIFrameElement 对象的详细信息，请参考 DOM-2 Interface HTMLIFrameElement 中的内容。框架

问题描述

仅 IE Opera 支持使用 HTMLFrameElement.document 和 HTMLIFrameElement.document 属性获得框架页的 HTMLDocument 对象。这个属性是非标准的。测试

形成的影响

若是试图经过 HTMLFrameElement 和 HTMLIFrameElement 对象的 'document' 属性得到框架页的 HTMLDocument 对象，在 FrireFox Chrome Safari 中将获得 'undefined'。ui

受影响的浏览器

IE6 IE7 IE8 Operaspa

问题分析

分析如下两组测试代码，他们分别尝试获取 HTMLFrameElement 和 HTMLIFrameElement 的 'document' 属性：code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script>
window.onload=function(){
  alert(document.getElementById("frame").document);
};
</script>
</head>
<frameset>
  <frame id="frame" src="_content.html" />
</frameset>
</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script>
window.onload=function(){
  alert(document.getElementById("iframe").document);
};
</script>
</head>
<body>
  <iframe id="iframe" src="_content.html"></iframe>
</body>
</html>

以上测试用例中，只有 IE6 IE7 IE8 Opera 对二者均会获得一个 HTMLDocument 对象（即框架内页面的 document 对象），而其余浏览器返回的是 'undefined'。htm

注：以上测试与文档模式无关。对象

解决方案

使用 HTMLFrameElement 或 HTMLIFrameElement 对象的 contentWindow 属性获得该框架页的 window 对象应用，再访问其下的 document 对象。blog

即把上述测试代码的 'XXX.document' 更改成 'XXX.contentWindow.document'，如：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script>
window.onload=function(){
  alert(document.getElementById("iframe").contentWindow.document);
};
</script>
</head>
<body>
  <iframe id="iframe" src="_content.html"></iframe>
</body>
</html>