單擊圖像時調用javascript文件和函數

Question

我正在嘗試運行無法編輯的外部腳本。 當前，我正在頁面加載時調用腳本。 這會使我的網站變慢。 我想改為單擊該javascript文件並運行該函數。 我通過單擊該函數來使其速度更快。 但是，它仍然調用javascript文件，因為單擊時我不知道如何調用它和該函數。 我花了幾個小時閱讀並試圖在Google上找到類似的請求，但沒有成功。

在下面，您將看到我到目前為止提出的內容。

<div id="myFunctionID" style="background: url('http://example.com/button.png') repeat
 scroll 0 0 transparent; width: 100px; height: 50px; cursor: pointer; position:fixed; 
 bottom:0; left:0;">
</div>
<script type="text/javascript" src="https://externalScript.js"></script>

單擊按鈕圖像時，請幫助我加載JS文件和myFunctionID 。

Answer 1

使用javascript（引自JavaScript-需要加載外部JS文件的功能 ）

function loadScript(url, callback){

    var script = document.createElement("script")
    script.type = "text/javascript";

    if (script.readyState){  //IE
        script.onreadystatechange = function(){
            if (script.readyState == "loaded" ||
                    script.readyState == "complete"){
                script.onreadystatechange = null;
                callback();
            }
        };
    } else {  //Others
        script.onload = function(){
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

使用jQuery

$("button").click(function(){
  $.getScript("pathto/external.js");
});