为什么这会在IE 11中引发异常

Why does this throw an exception in IE 11

本文关键字：异常 IE 为什么      更新时间：2024-05-20

为什么以下代码在我单击按钮的Internet Explorer 11中抛出"未指定错误"（在appendChild行）？

<!DOCTYPE html>
<html>
<head>
    <script>
        function go() {
          var popUp = window.open('about:blank');
          popUp.document.body.appendChild(document.createElement('div'));
        }
    </script>
</head>
<body>
  <button onclick="go()">Click Me</button>
</body>
</html>

您正在使用当前页面的文档来创建div，请尝试使用弹出窗口中的文档

popUp.document.body.appendChild(popUp.document.createElement('div'));

弹出式阻止程序通常只允许在处理用户事件（如单击）时使用window.open。如果你屏蔽了弹出窗口，这可能会导致问题。

您需要从用户发起的事件中调用window.open，例如单击链接，该链接需要具有target="_blank"。否则，Chrome和Firefox将阻止弹出窗口。

此外，由于popUp在尝试将div附加到它之前没有检查null，因此会触发该错误。如果没有弹出窗口，则无法将元素附加到它。

（我忘了这一点，Musa让我记住了，所以谢谢）IE会阻止将在不同窗口上下文中创建的任何元素附加到该元素所附加的窗口上下文中。因此，您不需要使用当前文档创建DIV节点，而是需要使用popUp的上下文创建它。

综上所述，这就是代码的外观。

<!DOCTYPE html>
<html>
<head>
        <script>
        function go() 
        {
            var popUp = window.open('about:blank');
            try 
            {
                // Make sure you have a body document when creating the new window....
                popUp.document.write("<html><head><title></title></head><body></body>");
                popUp.document.body.appendChild(popUp.document.createElement('div'));
            }
            catch(e)
            { 
                console.log(e);
            }
        }
        </script>
</head>
<body>
  <button onclick="go()">Click Me</button>
</body>
</html>
相关文章：