jQuery如何實現頁面載入完畢再去程式碼

本章介紹一下如何實現頁面初始化後再去執行響應的程式碼，否則有可能會出現找不到物件的問題。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<script type="text/javascript">
$("#thediv").width()
</script> 
<div id="thediv"></div>

上面是程式碼的簡化，想要獲得div的寬度，當藥執行到$("#thediv").width()的時候，div元素還沒有載入到，所以會出現找不到物件的錯誤，所以需要等文件結構載入完畢再去執行響應的程式碼，下面就做一下簡單介紹:

實現方法一:

[JavaScript] 純文字檢視 複製程式碼
$(document).ready(function(){ 
  //code
});

實現方法二:

[JavaScript] 純文字檢視 複製程式碼
$(function(){
  //code
})

實現方法三:

[JavaScript] 純文字檢視 複製程式碼
jQuery(function($){ 
  //code
});

實現方法四:

[JavaScript] 純文字檢視 複製程式碼
window.onload=function(){
  //code
}