這么實現在HTML頁面加載完畢后運行js

這篇“這么實現在HTML頁面加載完畢后運行js”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“這么實現在HTML頁面加載完畢后運行js”文章吧。

　　Js方法：

　　<scripttype=”text/javascript”>window.onload=function(){varuserName=”xiaoming”;

　　alert(userName);

　　}</script>

　　jQuery方法，需要引用jQuery文件：

　　<scripttype=”text/javascript”>$(document).ready(function(){varuserName=”xiaoming”;

　　alert(userName);

　　});</script>

　　或者其簡寫：

　　$(function(){varuserName=”xiaoming”;

　　alert(userName);

　　});

　　在DOM加載完就可以執行（比window.onload更早）。在同一頁面中可以多次出現.ready()

　　兩者主要區別：Window.onload=function(){}:

　　當一個文檔完全下載到瀏覽器中時，才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的，也就是說頁面上的所有元素加載完畢才會執行。這種情況對編寫功能性代碼非常有利，因為無需考慮加載的次序。

　　$(document).ready(function(){});

　　會在DOM完全就緒并可以使用時調用。雖然這也意味著所有元素對腳本而言是可以訪問的，但是，并不意味著所有關聯的文件都已經下載完畢。換句話說，當HTML下載完成并解析為DOM樹之后，代碼就會執行。

　　使用$(document).ready(function(){})一般來說都要優于使用onload事件處理程序，但必須要明確一點，因為支持文件可能還沒有加載完成，所以類似圖像的高度和寬度這樣的屬性此時不一定有效。

　　注：用把js放在頁面底部的方法以及運用defer=”defer”的方法都是會出現問題的。最好使用$(document).ready(function(){})函數。

以上就是關于“這么實現在HTML頁面加載完畢后運行js”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。