jQuery頁面加載初始化常用的三種方法
阿新 • • 發佈:2017-11-02
ini ready document 加載 clas 初始 ora win eth
<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>
第二種: 復制代碼代碼如下:
<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(){
//要初始化的東西
}
當頁面打開時我們需要執行一些操作,這個時候如果我們選擇使用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(){
//要初始化的東西
}
jQuery頁面加載初始化常用的三種方法