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