时间戳

首页 > 解决方案 > AngularJs：如何检查超链接是否已完全加载，然后执行下一步操作

javascript - AngularJs：如何检查超链接是否已完全加载，然后执行下一步操作

问题描述

问题很简单我只想检查超链接是否在 ng-click 事件中完全加载。

HTML：

<div ng-click='clicked()'>Click me</div>

JS：

$scope.clicked= function() {
window.location='https://firstlink.com';
//
//when above wesbite page is fully loaded then go to below code and load the next link
//
window.location='https://secondlink.com';
}

笔记：

我不想检查视图是否已加载，我想检查 URL 是否已完全加载。我已经检查了许多关于此的文章和帖子，但我得到的只是如何检查您的 angularjs 应用程序是否已加载。我想要一种方法来检查这些 URL 是否已完全加载。以下是我已经解决的一些问题：

AngularJs 的后期渲染调用

在页面加载时执行 AngularJs 控制器功能

angularjs完成加载时发送事件

加载内容后要调用的 Angularjs 事件

标签： javascriptangularjs

解决方案

自己找到了解决办法：

通过使用间隔，我可以使第一页首先加载并等到它完全加载。下面是它的代码：

window.location='https://firstlink.com';
var interval = setInterval(function() {     
     if(document.readyState === 'complete') {
window.location='https://secondlink.com';
clearInterval(interval);

    }    
    }, 100);

要了解有关此内容的更多信息，document.readyState 请参阅此链接

推荐阅读