1、js方法：

<script type="text/javascript">

window.onload=function(){

alert("html頁面載入完成後一");

}

</script>

2、jQuery方法：（需要引用jQuery檔案支援）

<script type="text/javascript">

$(document).ready(function(){

alert("html頁面載入完成後二");

});

</script>

或者可以簡寫為

<script type="text/javascript">

$(function(){

alert("html頁面載入完成後二");

});

</script>

當dom載入完就可以執行（比window.onload更早）。在同一個頁面裡可以多次出現.ready() 

PS：兩者的主要區別 

window.onload： 

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

$(document).ready{ }： 

會在DOM完全就緒並可以使用時呼叫。雖然這也意味著所有元素對指令碼而言都是可以訪問的，但是，並不意味著所有關聯的檔案都已經下載完畢。換句話說，當HMTL下載完成並解析為DOM樹之後，程式碼就會執行。 

舉一個例子： 

假設有一個表現相簿的頁面，這種頁面中可能會包含許多大型影象，我們可以通過jQuery隱藏、顯示或以其他方式操作這些影象。如果我們通過onload頁面設定介面，那麼使用者在能夠使用這個頁面之前，必須要等到每一幅影象都下載完成。更糟糕的是，如果行為稍微新增給哪些具有預設行為的元素(比如連結)，那麼使用者的互動可能會導致意想不到的結果。然而當我們試用$(document).ready(){ }進行設定時，這個介面就會更早地準備好可用的正確行為。 

使用$(document).ready(){ }一般來說都要優於試用onload事件處理程式，但必須要明確一點的是，因為支援檔案可能還沒有家在完成，所以類似影象的高度和寬度這樣的屬性此時不一定有效。 

注：用把js放在頁面底部的方法以及運用defer="defer" 的方法都是會出現問題的。最好使用上面的window.onload函式！

window.onload繫結多個函式

當一個HTML頁面中載入了兩個window.onload=function(){}函式時，頁面只會執行第二個window.onload裡面的內容，如果需要同時繫結多個事件，該如何處理呢？

方案一：

建立一個匿名函式，來容納需要繫結的多個事件，再講這個匿名函式繫結到onload事件上

window.onload = function(){

firstFunction();
secondFunction();

......

}

方案二：

function addEventLoad(func){

var oldOnload = window.onload;

if(typeof window.onload!='function'){

window.onload = func;

}else{

window.onload = function(){

oldOnload();

func();

}

}

}

將現有的window.onload事件處理函式的值存入變數oldOnload：

如果這個處理函式上還沒有繫結函式，則把新函式繫結給它；

如果已經綁定了函式，則把新的函式追加到指令的末尾。

呼叫方法：

addEventLoad(firstFuction);

addEventLoad(secondFuction);