Javascript文件無法加載

Question

我有一個簡單的腳本，當包含在html正文中時可以工作。 但是，從相對路徑運行時，包括

<script type="text/javascript" src="simple.js"></script>

在html文件的標題或底部，腳本將不再運行。

任何人都可以指出我錯過了什么？

謝謝。

腳本simple.js：

<script>
        function firstFunction(){

            var a = document.getElementById("firstInput").value;

            if(! a){
                alert("minimum input of 1 char required");
            }else{
                document.getElementById("firstOutput").innerHTML=a;
            }


        }

        function secondFunction(){
            var b = document.getElementById("secondInput").value;

            if(!b){
                alert("minimum input of 1 char required");
            }


            document.getElementById("secondOutput").innerHTML=b;
            //document.getElementById("secondOutput").innerHTML = "updated!";
        }

Answer 1

如果將javascript包含在html文件中，則只需要<script>標記。

在.js文件中，這是一個語法錯誤。 只需編寫沒有標記的javascript代碼！

文件simple.js：

function firstFunction(){

        var a = document.getElementById("firstInput").value;

        if(!a){
            alert("minimum input of 1 char required");
        }else{
            document.getElementById("firstOutput").innerHTML=a;
        }


    }

    function secondFunction(){
        var b = document.getElementById("secondInput").value;

        if(!b){
            alert("minimum input of 1 char required");
        }


        document.getElementById("secondOutput").innerHTML=b;
        //document.getElementById("secondOutput").innerHTML = "updated!";
    }

由於您的文件現在是，請確保將腳本放在關閉正文標記之前

<script type="text/javascript" src="simple.js"></script>
</body>

以便在腳本運行時可以找到元素。