如何等待使用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. 
}