jQuery頁面加載初始化常用的三種方法
更新時間：2014年06月04日 16:34:13 作者：
當(dāng)頁面打開時我們需要執(zhí)行一些操作，下面為大家介紹三種不錯的方法，大家可以參考下
當(dāng)頁面打開時我們需要執(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("初始化方法進(jìn)入");
});
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("初始化方法進(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(){
//要初始化的東西
}
別,看個人喜好了,第二種感覺比較簡單明了:
第一種:
復(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呢! 這個大家應(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生成假加載動畫效果
- jquery加載頁面的方法(頁面加載完成就執(zhí)行)
- jquery.lazyload 實(shí)現(xiàn)圖片延遲加載jquery插件
- Jquery.LazyLoad.js修正版下載，實(shí)現(xiàn)圖片延遲加載插件
- jquery實(shí)現(xiàn)頁面加載效果
- 詳解jQuery lazyload 懶加載
相關(guān)文章
jquery.pager.js實(shí)現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js實(shí)現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
使用JQ來編寫最基本的淡入淡出效果2014-10-10
jquery常用技巧及常用方法列表集合，學(xué)習(xí)jquery的朋友可以收藏下。方便查找學(xué)習(xí)。2011-04-04
前些陣子寫了個插件目的就是能夠像.net 的 Requst.QuerySting["param"]那樣獲取地址欄參數(shù)?，F(xiàn)在拿出來和大家分享。感覺這個插件還是蠻有用的。2010-10-10
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。2011-01-01
這篇文章主要介紹了jQuery插件擴(kuò)展方法,結(jié)合一個動態(tài)改變元素樣式功能實(shí)例分析了jQuery插件擴(kuò)展的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細(xì)介紹了easyUI下拉列表點(diǎn)擊事件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
圖片放大鏡jquery.jqzoom.js使用實(shí)例附放大鏡圖標(biāo)
這篇文章主要介紹了圖片放大鏡jquery.jqzoom.js的使用另附放大鏡圖標(biāo),需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery操作cookie的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
一個簡單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
這篇文章主要介紹了一個簡單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子,需要的朋友可以參考下2014-06-06