Question

我正在尝试获取HTML文件以打印javascript文件的输出，但是它似乎无法正常工作-我最后得到的是空白页。

我的HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="sketch.js"> setup()</script>       
</head>
<body>
    <div id="fog"></div>
</body>
</html>

我的JavaScript文件（sketch.js）

function setup() {
    s = "hello";
    document.getElementById('fog').innerText = s;        
}

Answer 1

在结束的body标签附近包含调用setup的脚本，调用id时不存在带有fog setup的dom

    <head>
     <meta charset="UTF-8">
     <script src="sketch.js"></script>       
    </head>
    <body>
     <div id="fog"></div>
    <script>setup()</script>
    </body>

Answer 2

您的脚本标记是同步的，这意味着解析器在完全解析html之前等待并执行脚本的内容。在执行脚本时，div甚至不存在。如果您不想推迟脚本或更改其位置，则至少可以使用DOMContentLoaded事件：

window.addEventListener(
    "DOMContentLoaded",
     function setup() {
          var s = "hello";
          document.getElementById('fog').innerText = s;        
     },
     false
);

在您的脚本中。

无法从html文件调用javascript文件

2 个答案: