Question

免责声明：我在十五分钟内一直在编程。我试图跟随Lynda.com的Programming Foundations课程，但我似乎无法将我的JS链接到我的HTML。它们位于同一个文件夹中。当我在浏览器上打开HTML文件时，我没有得到视频中的家伙所提供的JS弹出框。我究竟做错了什么？

这是我的HTML文件：

<html>
    <head>
        <title>Simple Page</title>
    </head>
    <body>
        <p>This is a very simple HTML page</p>
                <script src=“script.js”></script>
    </body>
</html>

这里的JS文件名为＆＃34; script.js＆＃34;与HTML文件位于同一文件夹中。

var name = prompt("What is your name?");
alert("Hello, " + name);

Answer 1

当我将引号改为直引号时，它对我有用。复制并粘贴此内容：

<script src="script.js"></script>

而不是：

<script src=“script.js”></script>

让我知道它是否有效。

Answer 2

修正你的报价使用＆＃34;不是“。浏览器无法解析您的HTML。使用开发人员控制台检查以后的错误。

Answer 3

试试这个plunker。它有你的代码（甚至同名script.js），除了我改变了引用字符，它完美地工作。使用Plunker测试你所有的js。

https://plnkr.co/edit/4Mw0RmWfblGp9U8gsuvx

<html>
    <head>
        <title>Simple Page</title>
    </head>
    <body>
        <p>This is a very simple HTML page</p>
                <script src="script.js"></script>
    </body>
</html>

Answer 4

外部JavaScript文件的链接应位于页面的head部分，如下所示：

<html>
    <head>
        <title>Simple Page</title>
        <script src="script.js"></script>
    </head>
    <body>
        <p>This is a very simple HTML page</p>           
    </body>
</html>

并且，文件的路径应该相对于HTML文件的位置。因此，如果您在同一文件夹中有HTML和.js文件，那么文件名是正确的。

确保两个文件都已保存，并且.js文件名与HTML文件中的文件名完全相同。此外，使用您使用文本编辑器获得的直引号（＆＃34;＆＃34;），而不是使用Word等应用程序获得的格式化引号（“”）。

Javascript无法链接到HTML

4 个答案: