Question

为什么会导致空白？

01_using_javascript.html ：

<!DOCTYPE html>
  <html>
    <head>
      <title> Test </title>
      <script src="01_using_javascript.js"> </script>
    </head>

    <body>
        <p id="demo"></p>
    </body>
  </html>

01_using_javascript.js ：

document.getElementById("demo").innerHTML = Hi;

Answer 1

为要插入的字符串添加引号：

document.getElementById("demo").innerHTML = "Hi";

<!DOCTYPE html>
  <html>
    <head>
      <title> Test </title>
      <script src="01_using_javascript.js"> </script>
    </head>

    <body>
        <p id="demo"></p>
    </body>
  </html>

Answer 2

您不仅要使用引号包装Hi，还需要等待DOM加载要修改的元素。要么将script标记放在p元素之后，要么使用window.onload事件，如下所示：

window.onload = function() {
  document.getElementById("demo").innerHTML = "Hi";
}

Answer 3

将01_using_javascript.js中的行更改为document.getElementById("demo").innerHTML = "Hi";。浏览器无法识别您自己的Hi。

HTML空白屏幕

3 个答案: