javascript - 如何取消已经使用 JavaScript 进行的浏览器导航

Question

我不相信这是可能的，但我想我会试一试。

作为我正在处理的项目的一部分，用户可以通过标准 anchor 链接导航到不同站点上的一个页面。目标页面有时响应速度很慢，客户希望设置一个“超时”，以便在导航到目标页面的时间过长时取消浏览器导航并显示一条消息。

是否可以使用 Javascript 取消已经在进行中的浏览器导航(即已经向目标站点发出请求)？如果是，怎么办？

Answer 1

我进行了简单的测试，是可以的。我使用 PHP 进行测试，但如果您使用其他语言，这将不是问题。底线是 JavaScript 可以做到这一点，如 cancel.php 所示。请查看示例代码:

sleep .php

<?php
sleep(30);
echo 'hello';
?>

取消.php

<h1>hello?</h2>
<script type="text/javascript">
location.href='sleep.php';
setTimeout(function(){
    location.href='#';
    alert('it is taking too long to respond, probably the site is down!');
}, 10000);
</script>

运行cancel.php 后，它会重定向到sleep.php。加载时间 10 秒后，它将停止加载 sleep.php 并得出站点已关闭的结论。