单独文件中的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