Question

无论我如何选择将javascript文件添加到html文件，它似乎都行不通。我的原始代码较长，并且包含更多内容，但是我想我可以隔离问题，然后看看是否用非常基本的代码我也会遇到相同的问题（我这样做）。

我尝试将script标签添加到头部和身体（在开头和结尾）。

Brackets指出从未调用过该函数，并且似乎还认为警报不存在。如果我添加内部javascript，则可以正常工作。

在Chrome的控制台中显示为：

test.html:1 Uncaught ReferenceError: helloWorld is not defined
    at HTMLButtonElement.onclick (test.html:1) onclick @ test.html:1

当我单击按钮时。

HTML是：

<!doctype>
<head>
    <title>testcode</title>
    <script src="test.js"></script>

</head>

<body>
    <button onclick="helloWorld()">Press to say hello world</button>
</body>

test.js在同一文件夹中，并且是：

function helloWorld() {
    alert("Hello World!");
}

更新：我什么都没改变，只是重新打开了浏览器，现在它可以工作了（目前缺少很多python）。

Answer 1

代码对我有用。也许这是文件的路径。如果文件处于同一级别，则应该可以。.

- index.html
- test.js

但是，如果脚本位于文件夹中，则应更改脚本标签。例子：

- index.html
- /js
    - test.js

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

还有另一种情况，如果您的html页面是/article/hello而您的js是/test.js，则应使用<script src="../test.js"></script>更改脚本标签

Answer 2

它为我工作。我只是复制并粘贴了您的确切代码，它对我有用。确保已将html和js文件保存在同一目录中。

要检查是否包含JS文件，只需在Chrome中打开“开发人员选项”（Ctrl + Shift + I），然后查看是否有error like this(in case js file was not included)

为什么我不能将javascript附加到我的html？

2 个答案: