10

在 IE 8 中运行以下代码时出现错误，但在其他浏览器中没有：

'document.head' 为 null 或不是对象

这是我的代码：

  <!DOCTYPE html>
   <html>
   <head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
   <script type="text/javascript" src="respond.min.js"></script>

    <script>
   function load() {
    document.getElementsByID("myFrame");
    }
   </script>
   </head> 
   <body>       

    <iframe src="http://instagram.com/p/bTlK6CRNcL/embed/" width="300" height="400" frameborder="0" scrolling="no" allowtransparency="true" id="myFrame" onload="load()"></iframe>

</body>
</html>
4

1 回答 1

19

document.head失败是因为 IE8 不支持（没有 9 之前的 IE 版本）；它是 HTML5 的一个新特性。相反，您可以在任何浏览器中使用以下内容：

var head = document.head || document.getElementsByTagName("head")[0];

如果document.head已定义（可用），它将立即短路并使用它。如果未定义，它将使用该document.getElementsByTagName部分，该部分将在任何浏览器中找到它。

除非您想在this || that整个代码中使用这种类型，否则始终使用document.getElementsByTagName("head")[0].

参考：

于 2013-07-29T18:34:46.637 回答