如何在html中插入js答案

【问题标题】：How to insert js in html如何在html中插入js
【发布时间】：2020-06-25 09:45:47
【问题描述】：

test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>This is test Page for Learn JS</title>
    <script type="text/javascript" src="/learn/test.js"></script>
</head>
<body>
    <input type="button" value="Time" onclick="daytime()">
    <p id="now"></p>
</body>
</html>

这是 test.js

function daytime() {
    document.getElementById("now").innerHTML=Date();
}

为什么点击按钮，没关系。 但是将js代码插入html，它正在工作

【问题讨论】：

请在提问前详细说明您的问题并进行研究。这里已经回答了很多问题，做一些研究。在提问之前，也可以先看看 js 的简短教程。
改用new Date().toString()。

标签： javascript html

【解决方案1】：

也许您可以检查您的 js 和 html 文件夹位置。可以尝试将你的js和html放在同一个文件夹中，并将你的脚本src更新为“./test.js”

【讨论】：

【解决方案2】：

您必须使用脚本标签并将“test.js”文件的地址传递给 src 属性。假设您的 test.js 与您的 test.html 文件位于同一目录中，您可以使用它来链接它们。

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

将script标签放在body标签的关闭之前，这样有助于先加载body内容再加载JavaScript，让用户体验更好。

【讨论】：

在这种情况下最好不要使用./。

【解决方案3】：

看起来问题在于您如何包含脚本文件。

src="/learn/test.js"

如果文件夹“learn”与 HTML 文件位于同一文件夹中，请尝试删除“/”

src="learn/test.js"

【讨论】：