jQuery頁面加載初始化常用的三種方法
更新時間:2014年06月04日 16:34:13 作者:
當頁面打開時我們需要執(zhí)行一些操作,下面為大家介紹三種不錯的方法,大家可以參考下
當頁面打開時我們需要執(zhí)行一些操作,這個時候如果我們選擇使用jquery的話,需要重寫他的3中方法,自我感覺沒什么區(qū)
別,看個人喜好了,第二種感覺比較簡單明了:
第一種:
<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 調(diào)試 為什么不用alert 而選用console.log呢! 這個大家應(yīng)該比較清楚吧!
第二種:
<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(){
//要初始化的東西
}
別,看個人喜好了,第二種感覺比較簡單明了:
第一種:
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//init method one
$(document).ready(function(){
trace("初始化方法進入");
});
function trace(obj){
console.log(obj);
}
</script>
firefox 按下f12 調(diào)試 為什么不用alert 而選用console.log呢! 這個大家應(yīng)該比較清楚吧!

第二種:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//init method one
$(function(){
trace("初始化方法進入二");
});
function trace(obj){
console.log(obj);
}
</script>

第三中:
復(fù)制代碼 代碼如下:
<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.在腳本里面寫
復(fù)制代碼 代碼如下:
window.onload=function(){
//要初始化的東西
}
您可能感興趣的文章:
- jQuery按需加載輪播圖(web前端性能優(yōu)化)
- jquery使用EasyUI Tree異步加載JSON數(shù)據(jù)(生成樹)
- 如何解決jQuery EasyUI 已打開Tab重新加載問題
- 關(guān)于 jQuery Easyui異步加載tree的問題解析
- jQuery生成假加載動畫效果
- jquery加載頁面的方法(頁面加載完成就執(zhí)行)
- jquery.lazyload 實現(xiàn)圖片延遲加載jquery插件
- Jquery.LazyLoad.js修正版下載,實現(xiàn)圖片延遲加載插件
- jquery實現(xiàn)頁面加載效果
- 詳解jQuery lazyload 懶加載
相關(guān)文章
DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法(排序,過濾,分頁等)
Datatables是一款jquery表格插件。它是一個高度靈活的工具,可以將任何HTML表格添加高級的交互功能。這篇文章主要介紹了DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法(排序,過濾,分頁等),需要的朋友可以參考下2016-11-11實現(xiàn)音樂播放器的代碼(html5+css3+jquery)
這篇文章主要講實現(xiàn)音樂播放器的代碼(html5+css3+jquery),需要的朋友可以參考下2015-08-08JQuery和HTML5 Canvas實現(xiàn)彈幕效果
這篇文章主要介紹了JQuery和HTML5 Canvas兩種方法實現(xiàn)彈幕效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01基于jQuery的上下無縫滾動應(yīng)用(單行或多行)
基于jQuery的上下無縫滾動應(yīng)用,可應(yīng)用于多行或者單行.詳解請參考注釋.2010-08-08