1. 程式人生 > >jQuery頁面載入初始化常用的三種方法

jQuery頁面載入初始化常用的三種方法

當頁面開啟時我們需要執行一些操作,下面為大家介紹三種不錯的方法,大家可以參考下 當頁面開啟時我們需要執行一些操作,這個時候如果我們選擇使用jquery的話,需要重寫他的3中方法,自我感覺沒什麼區
別,看個人喜好了,第二種感覺比較簡單明瞭:

第一種: 
程式碼如下:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 

程式碼如下:
<script type="text/javascript"> 
//init method one 
$(document).ready(function(){ 
trace("初始化方法進入"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script> 
firefox 按下f12 除錯 為什麼不用alert 而選用console.log呢! 這個大家應該比較清楚吧!
 
第二種: 
程式碼如下:
<script type="text/javascript"> 
//init method one 
$(function(){ 
trace("初始化方法進入二"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script> 

 
第三中: 
程式碼如下:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 
<script type="text/javascript"> 
//init method one 
jQuery(function($){ 
trace("初始化方法進入三"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script> 



 
ps;不用jquery,在頁面初始化的方法,

1.在body裡面寫onload

2.在腳本里面寫 
程式碼如下:
window.onload=function(){ 
//要初始化的東西 
}