jQuery $.getScript()方法的用法

在 jQuery 中，我們可以使用$.getScript()方法通過 Ajax 請求獲取並執行一個外部 JavaScript 檔案。$.getScript()是一個用於動態載入 JavaScript 的方法。當網站需要載入大量 JavaScript 時，動態載入 JavaScript 就是一個比較好的方法。當需要某個功能時，再將相應的 JavaScript 載入進來。

語法：

$.getScript(url, fn)

$.getScript() 方法有兩個引數，如表 1 所示。

表 1：$.getScript() 方法的兩個引數
引數	說明
url	必選引數，表示被載入的 JavaScript 檔案路徑
fn	可選引數，表示請求成功後的回撥函數

首先我們需要準備一個 JavaScript 檔案，程式碼如下：

console.log("從0到1系列圖書");

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            $("#btn").click(function(){
                $.getScript("js/test.js")
            })
        })
    </script>
</head>
<body>
    <input id="btn" type="button" value="載入"/>
</body>
</html>

預設情況下，預覽效果如圖 1 所示。

圖 1：預設效果