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 調試 為什么不用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(){
//要初始化的東西
}
別,看個人喜好了,第二種感覺比較簡單明了:
第一種:
復制代碼 代碼如下:
<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.pager.js實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
使用JQ來編寫最基本的淡入淡出效果2014-10-10
jquery常用技巧及常用方法列表集合，學習jquery的朋友可以收藏下。方便查找學習。2011-04-04
前些陣子寫了個插件目的就是能夠像.net 的 Requst.QuerySting["param"]那樣獲取地址欄參數(shù)?，F(xiàn)在拿出來和大家分享。感覺這個插件還是蠻有用的。2010-10-10
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。2011-01-01
這篇文章主要介紹了jQuery插件擴展方法,結合一個動態(tài)改變元素樣式功能實例分析了jQuery插件擴展的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了easyUI下拉列表點擊事件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
圖片放大鏡jquery.jqzoom.js使用實例附放大鏡圖標
這篇文章主要介紹了圖片放大鏡jquery.jqzoom.js的使用另附放大鏡圖標,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery操作cookie的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子
這篇文章主要介紹了一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子,需要的朋友可以參考下2014-06-06