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

时间:2017-06-13 06:20:42

标签: javascript jquery page-refresh

我有一个Anchor链接,点击Anchor链接,我正在注册新的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();
    });
})

1 个答案:

答案 0 :(得分:3)

jquery有一个用于此目的的功能。

使用jquery

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

只有在首次加载页面内容时才会调用此函数。

2) 使用Javascript

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