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

Question

我必须有单独的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");
};

Answer 1

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

TypeError: Cannot set property 'onclick' of null

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

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

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

向下移动脚本，或将代码包装在ready / onload事件中：

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

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

问题描述

1 个解决方案

解决方案1
3 已采纳 2014-02-26 12:45:31

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

问题描述

1 个解决方案

解决方案1 3 已采纳 2014-02-26 12:45:31

解决方案1
3 已采纳 2014-02-26 12:45:31