如何使用JavaScript/JQuery等待完成按钮点击页面加载?

如何使用JavaScript/JQuery等待完成按钮点击页面加载?,javascript,jquery,page-refresh,Javascript,Jquery,Page Refresh,我有一个锚链接,点击锚链接,我注册了新的JavaScript文件html页面 动态注册JavaScript文件时,文档会部分重新加载(正如我在浏览器中看到的重新加载图标有一段时间) 我想在脚本注册后调用JavaScript函数(显然是在浏览器中停止重新加载图标时)。但是在文档仍在重新加载时调用了函数MyJavaScriptFunction 使用setTimeOut解决了这个问题,但我不想使用它,因为页面加载时间不固定。请帮忙 我使用的代码如下所示: function addScriptDynam

我有一个锚链接,点击锚链接,我注册了新的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();
    });
})
addScriptDynamically('URL Of JS File',function(){
    $(window).load(function(){
        MyJavaScriptFunction();
    });
})
选项2:

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

jquery有一个用于此目的的函数

使用jquery

$(function () {
 //write your function code here.
})
此函数仅在首次加载页面内容时调用

(二) 使用Javascript

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

删除jquery标记为title时会显示Javascript
我到目前为止尝试的内容…
任何与这些方法不兼容的内容-例如开发人员工具控制台中的错误消息您确定它是head吗?document.body将文件添加到头部或正文不会有任何区别。尽管如此,我个人还是消除了混淆,我将在
$(document).ready(function(){