當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript放头部不执行的情况（针对新手）
生活随笔
收集整理的這篇文章主要介紹了
JavaScript放头部不执行的情况（针对新手）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
瀏覽器執行順序是從上到下，從左到右，遇到JavaScript腳本時要下載完腳本并執行才會繼續加載其他的，如果腳本放在所執行函數用到的HTML對象前執行就會失效，因為當瀏覽器執行時，瀏覽器還沒有加載好你用到的HTML對象，所以會報錯（函數沒寫 window.onload的前提下）：
<!DOCTYPE?html> <html> <head><meta?charset="UTF-8"><title>javascript不執行</title> </head>//在涉及的執行對象前面，對象未加載就執行了，也就是找不到對象，此時無效.（從上到下執行） <script?type="text/javascript">???alert(document.getElementById('one').innerHTML) </script> <body>//執行腳本的對象如下<div?id="one">為什么呢？</div> </body> </html>會報錯：TypeError: document.getElementById(...) is null
解決辦法：
腳本放在底部，或者放在腳本要執行時涉及到的HTML對象后面：
2.增加window.onload，然后隨意放哪里
<!DOCTYPE?html> <html> <head><meta?charset="UTF-8"><title>javascript不執行</title> </head> <script?type="text/javascript"> //window.onload的意思是文檔加載完后執行，這樣就可以了window.onload=function?start(){alert(document.getElementById('one').innerHTML)}</script> <body><div?id="one">為什么呢？</div> </body> </html>本文只針對新手，不喜勿噴，有錯誤的地方請指正，（僅供參考，后果自負）
轉載于:https://my.oschina.net/Cubicluo/blog/671338
總結
以上是生活随笔為你收集整理的JavaScript放头部不执行的情况（针对新手）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CodeForces 597A Divi
- 下一篇： 排序的稳定性（概念明晰）