Question

这是我的html文件的代码：

<html>
    <head>
        <script type="text/javascript" src="try1.js"></script>
    </head>

    <body>

        <h1>A Web Page</h1>
        <p id="demo">A Paragraph</p>
        <button type="button" onclick="myFunction()">Try it</button>

    </body>
</html>

这是我的javascript文件的代码：

function myFunction() {
     document.getElementById("demo").innerHTML = "Paragraph changed";
}

Answer 1

因为该元素尚未存在。尝试将javascript放在正文的末尾

<html>
    <head>
        <title>Example<title>
    </head>
    <body>

        <h1>A Web Page</h1>
        <p id="demo">A Paragraph</p>
        <button type="button" onclick="myFunction()">Try it</button>
        <script type="text/javascript" src="try1.js"></script>
    </body>
</html>

内联时似乎工作正常。

＆＃13;

   
        <h1>A Web Page</h1>
        <p id="demo">A Paragraph</p>
        <button type="button" onclick="myFunction()">Try it</button>
        <script type="text/javascript">
        function myFunction() {
            document.getElementById("demo").innerHTML = "Paragraph changed";
        }
        </script>

＆＃13;

Answer 2

通常的做法是将javascript包装在jquery的文档就绪函数中。如果你没有使用jquery，你应该检查它，它真的很有用。

$( document ).ready(function() {
    console.log( "ready!" );
});

为什么我的javascript文件无法加载？

2 个答案: