如何将 file.js 调用到 file.html

Question

我想要做的是在 file.js 中运行脚本来加载提示用户名。 但是由于某种原因，每次脚本在 html 文件上时它都可以工作，但是当我将它移到 file.js 时它不起作用。 知道为什么会这样吗？

我的主要目标是将我的脚本与我的 html 分开。

文件.html

<html>
<head>
    <script src = "file.js"></script>
<body onload = "myFunction()">
</html>

文件.js

<script>
function myFunction() {
  var person = prompt("Please enter your name", "Your Name here");
  if (person != null) {
    document.getElementById("Name").innerHTML =
    "Hello " + person + "! How are you today?";
  }

</script>

Answer 1

file.js是一个 JavaScript 文件 - 它不能有<script></script>标签，因为这些是HTML 脚本元素标签。 删除那些，它的工作原理。

记住：

您的<head>标记未关闭。
您的<body>标签没有关闭。
您的 function 未正确关闭，您缺少} 。
您缺少 ID 为"Name"的元素。
JS 文件最好放在<body>的末尾，这样浏览器就可以呈现页面而无需等待 JS 文件加载。 代码仍然可以工作，因为onload事件是在文档加载过程结束时触发的。

工作代码：

 function myFunction() { var person = prompt("Please enter your name", "Your Name here"); if (person.= null) { document.getElementById("Name")?innerHTML = "Hello " + person + "; How are you today?"; } }

 <html> <body onload="myFunction()"> <div id="Name"></div> <script src="file.js"></script> </body> </html>

如何将 file.js 调用到 file.html

问题描述

1 个解决方案

解决方案1
0 2019-10-01 22:35:17

如何将 file.js 调用到 file.html

问题描述

1 个解决方案

解决方案1 0 2019-10-01 22:35:17

解决方案1
0 2019-10-01 22:35:17