單獨文件中的Javascript不起作用

Question

我只是開始使用Javascript，並且嘗試將我的腳本放在單獨的文件中。 當它們位於html文件中時，它們工作得很好，但是一旦我將它們移到自己的單獨文件中，它就會停止工作。

這是我的html文件：

    <!DOCTYPE html>
<head>
    <meta lang = "en">

    <link rel="stylesheet" type="text/css" href="css/mainStyle.css">
    <script src="js/script1.js"></script>

    <title>Web Dev Practice</title>
</head>

<body>
        <h1>First JavaScript Example</h1>

        <button type="button" onclick="changeText()">ClickMe!</button>

        <p id="demo">This is just a test.</p>

    </br>
    </br>

        <h1>Second JavaScript Example</h1>

        <img id="lightBulb" onclick="changeImage()" src="res/img/pic_bulboff.gif" width="100" height="180">

        <p>Click the light bulb to turn it on or off.</p>

</body>
</html>

這是我的js文件：

    <script>
function changeText(){
    var string_first = "This is just a test.";
    var string_second = "Woah, it actually works!";

    if(document.getElementById("demo").innerHTML == string_first){
        document.getElementById("demo").innerHTML = string_second;
    } else{
        document.getElementById("demo").innerHTML = string_first;
    }

}

    <script>
function changeImage(){
    var image = document.getElementById('lightBulb');
        if(image.src.match("bulbon")){
            image.src = "res/img/pic_bulboff.gif";
        }
        else{
            image.src = "res/img/pic_bulbon.gif";
        }
}
 </script>

Answer 1

<script>標簽是html而不是javascript，因此您不需要（也不能擁有）它們在外部文件中。 你使用的是什么瀏覽器？ 許多工具都有內置的控制台，可以幫助您查看頁面拋出了哪些錯誤（如果有）。

單獨文件中的Javascript不起作用

問題描述

1 個解決方案

解決方案1
4 已采納 2014-06-08 01:11:28

單獨文件中的Javascript不起作用

問題描述

1 個解決方案

解決方案1 4 已采納 2014-06-08 01:11:28

解決方案1
4 已采納 2014-06-08 01:11:28