我正在嘗試執行 document.addEventListener() 但它不起作用為什么?
<html>
<head>
<title>javascript</title>
<link rel="stylesheet" href="C:\Users\SUDARSHAN\Desktop\html_UI\eventstyle.css">
</head>
<body>
<p id="p1">Welcome</p>
</body>
<script>
function f1() {
document.getElementById("p1").style.fontSize="50px";
}
document.addEventListener("load",f1);
console.log("hello");
</script>
</html>
uj5u.com熱心網友回復:
您必須將load偵聽器附加到window而不是document.
window.addEventListener("load",f1);
話雖如此,您不能將一個script元素作為該元素的子html元素,它必須在heador 中body(這是 的唯一允許的子元素html)。始終確保您的 HTML 始終有效;無效的 HTML 會將您置于未指定的領域,并且往往會使事情變得不可預測(即使事情看起來可行)。
uj5u.com熱心網友回復:
上述代碼存在缺陷。
- 始終確保
html正確記錄標簽。參考https://www.w3schools.com/tags/tag_doctype.asp load事件取決于視窗。在上面的代碼中,您為檔案添加了偵聽器。
uj5u.com熱心網友回復:
您可以嘗試以下操作:
document.addEventListener('DOMContentLoaded', f1);
有兩個事件與加載和卸載相關 Document
- 已加載 DOM 內容
- 準備狀態改變
有關 Windows 事件,請參閱此頁面 https://developer.mozilla.org/en-US/docs/Web/API/Document#load_unload_events
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/370595.html
標籤:javascript
上一篇:為什么當我們用let定義for回圈變數時,不使用IFFE技術,我們可以將它的特定值設定為函式而不會丟失它?
下一篇:決議JSON字串中的嵌套物件
