JQuery頁面加載初始化常用方法

2023-06-24 16:01:34

jquery和js初始化加載頁面的差別

jquery：等待頁面加載完資料，以及頁面部分元素（不包括圖檔、視訊），效率更快

js：頁面全部加載完成才執行初始化操作

1、使用jquery方式

需要加載js檔案

第一種方法：

<script type="text/javascript">
$(document).ready(function(){
    initFun("初始化方法進入");
});
function init(obj){
    console.info(obj);
}
</script>

第二種方法（個人比較喜歡使用這種初始化,函數簡潔）

<script type="text/javascript">
    $(function(){
        initFun("初始化方法進入");
    });
</script>

第三種方法

<script type="text/javascript">
    jQuery(function($){
        initFun("初始化方法進入");
    });
</script>

2、不使用jquery，在頁面初始化

第一種：在body裡面寫onload初始化方法.

<body onload='init()'>
</body>

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

第二種：使用window的onload方法

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

繼續閱讀