document.addEventListener('load', () => {
console.log('hi')}
)h1, h2{
color:white;
text-align: center;
font-weight: 300;
}
body{
background-color: rgb(24, 24, 24);
overflow-x :hidden;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel = "stylesheet" href = "style.css">
<script src = "script.js"></script>
<title>Test</title>
</head>
<body>
<h1 style="font-size: 50px;" id = "hi">Hi</h1>
</body>
</html>（順便說一句，這不是完整的代碼。它只是一些占位符的東西。）
正如您從代碼片段中看到的，“hi”沒有出現在 console.log 中。任何想法為什么？
uj5u.com熱心網友回復：
沒有在物件load上觸發事件。document
您可以使用事件DOMContentLoaded或偵聽物件上的加載事件window。
請注意，它們在不同的時間觸發，因此請確保您閱讀檔案以了解哪個適合您。
您可能還希望完全洗掉事件偵聽器并使用defer屬性來延遲腳本執行。
這將延遲腳本執行，直到 DOM 準備好（這可能是您在此處嘗試使用事件處理程式的原因），同時還允許腳本與正在決議的 HTML 并行下載（這是一個輕微的性能增強）。
uj5u.com熱心網友回復：
您正在收聽錯誤的事件。例如
document.addEventListener("DOMContentLoaded", function(event) {
console.log("DOM fully loaded and parsed");
});
在此處閱讀更多資訊：https ://developer.mozilla.org/de/docs/Web/API/Window/DOMContentLoaded_event
uj5u.com熱心網友回復：
也許您在瀏覽器中禁用了 Javascript。通過轉到開發工具并按 Ctrl Shift P 并搜索“啟用 javascript”來檢查。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/487420.html
標籤：javascript html