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

第二種:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//init method one
$(function(){
trace("初始化方法進(jìn)入二");
});
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("初始化方法進(jìn)入三");
});
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生成假加載動(dòng)畫效果
- jquery加載頁面的方法(頁面加載完成就執(zhí)行)
- jquery.lazyload 實(shí)現(xiàn)圖片延遲加載jquery插件
- Jquery.LazyLoad.js修正版下載,實(shí)現(xiàn)圖片延遲加載插件
- jquery實(shí)現(xiàn)頁面加載效果
- 詳解jQuery lazyload 懶加載
相關(guān)文章
jquery實(shí)現(xiàn)多屏多圖焦點(diǎn)圖切換特效的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)多屏多圖焦點(diǎn)圖切換特效的方法,涉及jQuery插件jquery.kinMaxShow實(shí)現(xiàn)焦點(diǎn)圖的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動(dòng)態(tài)加載dom的方法(排序,過濾,分頁等)
Datatables是一款jquery表格插件。它是一個(gè)高度靈活的工具,可以將任何HTML表格添加高級(jí)的交互功能。這篇文章主要介紹了DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動(dòng)態(tài)加載dom的方法(排序,過濾,分頁等),需要的朋友可以參考下2016-11-11實(shí)現(xiàn)音樂播放器的代碼(html5+css3+jquery)
這篇文章主要講實(shí)現(xiàn)音樂播放器的代碼(html5+css3+jquery),需要的朋友可以參考下2015-08-08JQuery和HTML5 Canvas實(shí)現(xiàn)彈幕效果
這篇文章主要介紹了JQuery和HTML5 Canvas兩種方法實(shí)現(xiàn)彈幕效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01基于jQuery的上下無縫滾動(dòng)應(yīng)用(單行或多行)
基于jQuery的上下無縫滾動(dòng)應(yīng)用,可應(yīng)用于多行或者單行.詳解請(qǐng)參考注釋.2010-08-08