當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
页面加载完后立刻执行JS的两种方法
生活随笔
收集整理的這篇文章主要介紹了
页面加载完后立刻执行JS的两种方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
方式一:window.onload:
當一個文檔完全下載到瀏覽器中時,才會觸發(fā)window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的,也就是說頁面上的所有元素加載完畢才會執(zhí)行。這種情況對編寫功能性代碼非常有利,因為無需考慮加載的次序。
window.οnlοad=function(){var userName="后端碼匠";alert(userName); }方式二:$(document).ready{ }:
會在DOM完全就緒并可以使用時調用。雖然這也意味著所有元素對腳本而言都是可以訪問的,但是,并不意味著所有關聯(lián)的文件都已經下載完畢。換句話說,當HMTL下載完成并解析為DOM樹之后,代碼就會執(zhí)行。
假設有一個表現(xiàn)圖庫的頁面,這種頁面中可能會包含許多大型圖像,我們可以通過jQuery隱藏、顯示或以其他方式操作這些圖像。如果我們通過onload頁面設置界面,那么用戶在能夠使用這個頁面之前,必須要等到每一幅圖像都下載完成。更糟糕的是,如果行為稍微添加給哪些具有默認行為的元素(比如鏈接),那么用戶的交互可能會導致意想不到的結果。然而當我們試用$(document).ready(){ }進行設置時,這個界面就會更早地準備好可用的正確行為。
使用$(document).ready(){ }一般來說都要優(yōu)于試用onload事件處理程序,但必須要明確一點的是,因為支持文件可能還沒有家在完成,所以類似圖像的高度和寬度這樣的屬性此時不一定有效。
$(document).ready(function(){ var userName="后端碼匠";alert(userName); });方式二可簡寫為:
$(function(){ var userName="后端碼匠"; alert(userName); }); 與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的页面加载完后立刻执行JS的两种方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【机器学习】特征工程
- 下一篇: 解决oh my zsh Insecure