我正在尝试获取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;
}
答案 0 :(得分: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>
答案 1 :(得分:1)
您的脚本标记是同步的,这意味着解析器在完全解析html之前等待并执行脚本的内容。在执行脚本时,div甚至不存在。如果您不想推迟脚本或更改其位置,则至少可以使用DOMContentLoaded事件:
window.addEventListener(
"DOMContentLoaded",
function setup() {
var s = "hello";
document.getElementById('fog').innerText = s;
},
false
);
在您的脚本中。