Question

我是一名全新的新手Web开发人员，感到很愚蠢，因为我花了很长时间试图找出为什么JS不会以预期的HTML显示在我的浏览器中。

我写了一个快速的getDate() JS文件，该文件可以完美显示但没有HTML。然后，我编写了一个快速旋转字符串js文件，该文件放置在<script>标记内，但仅显示了HTML（文本框）。

我尝试了另一个超简单的添加数字文件（请参见下文），该文件再次仅显示为html标题“添加数字”。我尝试使用不同的浏览器和不同的IDE，并尝试将js作为外部文件，并直接在HTML中<script>标签中，紧接在最终</body>之前。

我终于从MDN教程中复制并粘贴了一个文件，该文件我知道不是错误的，并且再也没有JS只是HTML。如果我不知道如何无缝地一起运行JS和HTML，我将成为一个非常糟糕的Web开发人员。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Add Numbers</title>
</head>
<body>

<h3>Add Numbers</h3>

<p>Two plus four equals:</p>

<p id="result"></p>

<script>
function myAddFunc() {
    var a = 2;
    var b = 4;
var result = a + b;
    document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>

Answer 1

需要调用功能（func()）才能运行。或者，您可以一起删除函数包装，而只需：

  var a = 2;
  var b = 4;
  var result = a + b;
  document.getElementById("result").innerHTML = result;

在您的脚本标签中。

function myAddFunc() {
  var a = 2;
  var b = 4;
  var result = a + b;
  document.getElementById("result").innerHTML = result;
}
myAddFunc();

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Add Numbers</title>
</head>
<body>

<h3>Add Numbers</h3>

<p>Two plus four equals:</p>

<p id="result"></p>

</body>
</html>

JS不会出现在带有HTML的浏览器中

1 个答案: