Question

我使用的是本地HTML文件，该文件具有指向外部脚本（位于同一目录中）的链接，该脚本在文件中时有效，但在外部则不起作用。既不是Firefox，也不是Chrome。代码：

<html>
<head>
<script type="text/javascript" src="docket.js"> </script>
</head>
<body onload="doFunction()"> ...

该脚本位于.js文件中，该文件具有（简体）：

function doFunction() ....

Answer 1

其中之一，您不应该在外部js文件中包含脚本标签。

也尝试将脚本行移到结束body标签之前的底部。

如果删除后仍然无法使用，则应打开开发人员工具以了解正在发生的事情。

index.html：

<!DOCTYPE html>
<head>
    ...
</head>
<body onload="doFunction()">
    ...
    <script type="text/javascript" src="docket.js"></script>
</body>
</html>

docket.js：

function doFunction() {
    alert("hello...");
}

注意：没有脚本标签

Answer 2

按照w3school-https://www.w3schools.com/tags/tag_script.asp

外部脚本文件不能包含标签。

脚本标记的语法是-

<script src="URL">

您的网址是- 1.绝对URL-指向另一个网站（例如src =“ http://www.example.com/example.js”）或 2.相对网址-指向网站中的文件（例如src =“ / scripts / example.js”）

注意：对于HTML5，脚本标记的type属性是可选的。

我建议添加一个noscript标签，以确保您在浏览器中启用了JS。

<noscript>Your browser does not support JavaScript!</noscript>

外部JavaScript无法正常工作-本地文件

2 个答案: