如何等待使用JavaScript/JQuery完成按鈕單擊加載頁面？

Question

我有一個錨鏈接，點擊錨鏈接，我正在註冊新的JavaScript文件的HTML頁面。

在動態註冊JavaScript文件時，文檔會部分重新加載（正如我在瀏覽器中看到的重新加載圖標一段時間）。

一旦腳本被註冊，我想調用我的JavaScript函數（很明顯，當瀏覽器重新加載圖標停止時）。但是文件仍在重新加載時調用了函數MyJavaScriptFunction。

使用setTimeOut解決了這個問題，但我不想使用它，因爲頁面加載時間不固定。請幫忙。

我使用的代碼如下：

function addScriptDynamically(src, callback) { 
    var s = document.createElement('script'); 
     s.setAttribute('src', src); 
     s.onload = callback; 
     document.body.appendChild(s); 
} 

addScriptDynamically('URL Of JS File',function(){ 

    MyJavaScriptFunction(); 
}) 

我試了一下，到目前爲止...

選項1：

addScriptDynamically('URL Of JS File',function(){ 
    $(document).ready(function(){ 
     MyJavaScriptFunction(); 
    }); 
}) 

選項2：

addScriptDynamically('URL Of JS File',function(){ 
    $(window).load(function(){ 
     MyJavaScriptFunction(); 
    }); 
}) 

Answer 1

jquery有這個功能。

使用jQuery

$(function() { 
//write your function code here. 
}) 

調用此函數僅當第一次加載頁面的內容。

2） 使用JavaScript

window.onload = function(){ 
//write your function code here. 
}