在html页面之前加载JavaScript
在html页面之前加载JavaScript
提问于 2021-11-10 13:42:55
我正在学习JS的基础知识，如果可能的话，我需要在JS之前加载我的html页面，我已经尝试过了
document.addEventListener("DOMContentLoaded", function(event) { code here });但是它不起作用，我也试着把我的"script“链接放在我的html正文中，但是它没有改变任何东西，我试着在"script”中输入"defer“，什么也没发生。
JS代码
var lbs = prompt("What is the weight in pounds (lbs)?")
var kg = pounds * 0.454
alert("That is: " + kg + " kilograms")
console.log("Conversion completed")HTML代码只是一个在p标记中包含简单Lorem文本的主体
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-11-10 13:51:20
通常，您应该将其添加到正文的底部
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>CRP</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- content -->
<script src="script.js"></script>
</body>
</html>Stack Overflow用户
发布于 2021-11-10 13:51:26
DOMContentLoaded事件应该可以工作。它将在页面上的整个DOM加载完成后触发。也许可以试试窗口加载事件。它将在包含所有引用(图像等)的整个页面之后触发。将被加载。
调试所有错误，就像使用lbs变量，然后调试代码中未初始化的磅变量。
window.addEventListener("load", (e) => {});
document.addEventListener("DOMContentLoaded", (e) => {});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69914367
复制相关文章
相似问题
腾讯云开发者
