DOM，javascript，如何使用窗口打开

【问题标题】：DOM, javascript, how to use window openDOM，javascript，如何使用窗口打开
【发布时间】：2014-03-29 07:15:02
【问题描述】：

我必须有单独的 javasvript 和 html 文件，我试图在单击链接时打开一个新窗口，但它不起作用。
HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <link rel="stylesheet" href=""/>
        <script type="text/javascript" src="java3.js"></script>
    </head>

    <body>
    <a href="#" id="link">Click!</a>

    </body>

</html>

Javascript：

var a = document.getElementById("link");
a.onclick = function(){
window.open("http://www.google.com");
};

【问题讨论】：

标签： javascript dom hyperlink

【解决方案1】：

如果您打开控制台，您可能会看到如下错误消息：

TypeError: Cannot set property 'onclick' of null

这是因为document.getElementById("link") 是null。

为什么是null？它就在页面上！

好吧，不是在这段代码运行时。 JavaScript 代码在定义主体之前运行。

要么向下移动你的脚本，要么将你的代码包装在一个就绪/加载事件中：

window.onload = function() {
    var a = document.getElementById("link");
    a.onclick = function() {
        window.open("http://www.google.com");
    };
};

【讨论】：