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

Question

This is the code of my html file: 这是我的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>

And this is the code of my javascript file: 这是我的javascript文件的代码：

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

Answer 1

Because the element doesn't exist yet. 因为该元素尚不存在。 Try putting the javascript at the end of the body 尝试将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>

It seems to work just fine when inlining. 内联时似乎工作得很好。

 <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>

Answer 2

The usual way to do this is to wrap your javascript in jquery's document ready function like this. 通常的方法是将JavaScript封装在jquery的document ready函数中，如下所示。 If you're not using jquery, you should check it out, it's really useful. 如果您不使用jquery，则应将其签出，这确实很有用。

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

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

问题描述

2 个解决方案

解决方案1
4 2017-06-14 19:51:18

解决方案2
-1 2017-06-14 19:56:57

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

问题描述

2 个解决方案

解决方案1 4 2017-06-14 19:51:18

解决方案2 -1 2017-06-14 19:56:57

解决方案1
4 2017-06-14 19:51:18

解决方案2
-1 2017-06-14 19:56:57