jQuery動態載入js檔案簡單介紹

antzone發表於2017-03-15

本章節介紹一下如何利用jQuery動態載入js檔案,希望能夠給需要的朋友帶來一定的幫助。

由於技術的進步和瀏覽者審美的提高,有進取心的網站一般都會設計的非常的美觀和人性化,這裡自然少不了大量js的應用,由於程式碼裡通常較大,所以會將js程式碼放入不同的js檔案中進行分門別類的引入,如果一次性引入這會嚴重影響頁面的載入速度,最好的情況是使用的時候再進行載入。

恰好jQuery提供了$getScript()方法能夠實現我們的要求,下面簡單介紹一下如何使用。

一.要引入的檔案:

有一個要引入的antzone.s,裡面有這樣的一段程式碼:

[JavaScript] 純文字檢視 複製程式碼
var antzone='螞蟻部落';  
function newFun(Param){  
  alert(Param)
}

二.引入並使用:

[JavaScript] 純文字檢視 複製程式碼
$(function(){  
 $('#bt').click(function(){  
   $.getScript('antzone.js',function(){  
     newFun("javascript教程"); 
  }) 
 })  
})

以上程式碼中,點選按鈕可以引入antzone.js檔案,並且可以呼叫引入檔案中的函式。

相關文章