因為html文檔時從上往下執行的，按鈕如果在script下面，var x = document.getElementById("demo");執行完了x是undefined，再執行x.addEventListener("click", myFunction);就報錯了。

js代碼放到load里就不用管順序了。

并非是要放在函數之前，照你的寫法，script標簽優先于button標簽解析，你可以加一行代碼在var x下面，console.log(x)，會返回一個null。原因是js代碼執行的時候button并未被瀏覽器解析到。你不能給給一個null綁定事件監聽。所以這也是為什么一般建議html里面把js引入放在頁面最末尾的原因

具體自行百度

看到這個var x = document.getElementById("demo");沒有如果按鈕在這個的后面就會導致x取不到這個對象了,所以就不能添加事件了;總的來說這是因為代碼是自上而下加載

你可以去看看頁面js加載相關知識。如果button在js下面的話，document.getElementById("demo")拿不到demo元素，所以也沒法注冊事件。

總結

以上是生活随笔為你收集整理的为什么点击按钮要放在函数之前才能执行？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。