js jquery 頁面初始化加載


一.js 頁面加載初始化方法

// 1.在body里面寫初始化方法.
<body onload='init()'>
</body>

<script type="text/javascript">
    function init(){
         // 初始化內容       
    }
</script>

// 2.window.onload=function(){}
<script type="text/javascript">
    window.onload=function(){ 
        // 初始化內容 
    }
</script> 

// 3.寫初始化方法,頁面順序執行到初始化方法時初始化
<script type="text/javascript">
    function init() { 
        // 初始化內容
    }; 
    init(); 
</script>

 

 二.jquery 頁面加載初始化方法

// 1.$(function(){})
<script type="text/javascript">
    $(function() {// 初始化內容
    });  
</script>

// 2.$(document).ready(function(){})
<script type="text/javascript">
    $(document).ready(function(){  
        // 初始化內容
    });  
</script>
// ready()函數有以下三種等價的形式
function handler(){
    //這里是需要執行的代碼
}

// 形式一
$(document).ready( handler );
// 形式二
$( ).ready( handler ); // 不推薦該形式
// 形式三
$( handler );

// 3.jQuery(function($){})
<script type="text/javascript">
    jQuery(function($){  
        // 初始化內容
    });  
</script>

 

 三.jquery和js初始化加載頁面的區別

jquery:等待頁面加載完數據,以及頁面部分元素(不包括圖片、視頻),
js:是頁面全部加載完成才執行初始化加載。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM