我正在嘗試在腳本標簽中使用 onClick() 函式。
<!DOCTYPE html>
<html>
<head>
<script>
const btn = document.getElementById("mainButton");
btn.onclick = function(){
alert("You shouldn't have clicked this button!");
};
</script>
</head>
<body>
<button id="mainButton">Do not click this button</button>
</body>
</html>
當我在互聯網上查找執行此操作的語法時，它看起來像上面那樣。
但是，當我運行此腳本時，它不起作用，我不知道為什么，我嘗試過的任何其他方式都會變成語法錯誤。
uj5u.com熱心網友回復：
您需要使用 defer 或將腳本標簽移動到正文的末尾。
<!DOCTYPE html>
<html>
<head>
<script>
document.addEventListener('DOMContentLoaded', () => {
const btn = document.getElementById("mainButton");
btn.onclick = function(){
alert("You shouldn't have clicked this button!");
};
});
</script>
</head>
<body>
<button id="mainButton">Do not click this button</button>
</body>
</html><!DOCTYPE html>
<html>
<head>
</head>
<body>
<button id="mainButton">Do not click this button</button>
<script>
const btn = document.getElementById("mainButton");
btn.onclick = function(){
alert("You shouldn't have clicked this button!");
};
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/506638.html
標籤：javascript html