當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS浏览器加载一个页面的过程
生活随笔
收集整理的這篇文章主要介紹了
JS浏览器加载一个页面的过程
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
加載過程->從上向下逐行進行加載
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 瀏覽器在加載一個頁面時，是按照自上向下的順序加載的，* 讀取到一行就運行一行,如果將script標簽寫到頁面的上邊，* 在代碼執行時，頁面還沒有加載，頁面沒有加載DOM對象也沒有加載* 會導致無法獲取到DOM對象*//** onload事件會在整個頁面加載完成之后才觸發* 為window綁定一個onload事件* 該事件對應的響應函數將會在頁面加載完成之后執行，* 這樣可以確保我們的代碼執行時所有的DOM對象已經加載完畢了* */window.onload = function(){//獲取id為btn的按鈕var btn = document.getElementById("btn");//為按鈕綁定一個單擊響應函數btn.onclick = function(){alert("hello");};};</script></head><body><button id="btn">點我一下</button><!--<script type="text/javascript">/** 將js代碼編寫到頁面的下部就是為了，可以在頁面加載完畢以后再執行js代碼*///獲取id為btn的按鈕var btn = document.getElementById("btn");//為按鈕綁定一個單擊響應函數btn.onclick = function(){alert("hello");};</script>--></body> </html>總結
以上是生活随笔為你收集整理的JS浏览器加载一个页面的过程的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 机房建设标准和等级？
- 下一篇： JS函数中的arguments