jQuery頁面載入初始化常用的三種方法
阿新 • • 發佈:2019-02-01
當頁面開啟時我們需要執行一些操作,下面為大家介紹三種不錯的方法,大家可以參考下
當頁面開啟時我們需要執行一些操作,這個時候如果我們選擇使用jquery的話,需要重寫他的3中方法,自我感覺沒什麼區
別,看個人喜好了,第二種感覺比較簡單明瞭:
第一種: 程式碼如下:
程式碼如下:
第二種: 程式碼如下:
第三中: 程式碼如下:
ps;不用jquery,在頁面初始化的方法,
1.在body裡面寫onload
2.在腳本里面寫 程式碼如下:
別,看個人喜好了,第二種感覺比較簡單明瞭:
第一種: 程式碼如下:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>
程式碼如下:
firefox 按下f12 除錯 為什麼不用alert 而選用console.log呢! 這個大家應該比較清楚吧!<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(){
//要初始化的東西
}