前端 jquery 頁面加載初始化方法

No.1    .js 頁面加載初始化方法

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

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

No.2 

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

No.3

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

No.4

.jquery 頁面加載初始化方法
// 1.$(function(){})
<script type="text/javascript">
    $(function() {// 初始化內容
    });  
</script>

注意點:

顯示錯誤:

$ is not a function

解決方法:

引用jquery-1.11.3.js

下載地址:https://download.csdn.net/download/qq_16313575/11974231(需要下載積分)

沒有積分的小夥伴:請在此篇博客下留下自己的郵箱地址,我看到就會發送給你們。

No.5

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


// ready()函數有以下三種等價的形式
function handler(){
    //這裏是需要執行的代碼
}

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

No.6

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

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


jquery:等待頁面加載完數據,以及頁面部分元素(不包括圖片、視頻);

 
js:是頁面全部加載完成才執行初始化加載。

 


原文網址:https://www.cnblogs.com/ooo0/p/6123465.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章