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