function gotoindex(){
window.location.href = 'http://www.xxxx.com'
//如果www.xxxx.com超过5秒还没有展示成功,则出现弹层
}
请教一下,这个该如何实现?
function gotoindex(){
window.location.href = 'http://www.xxxx.com'
//如果www.xxxx.com超过5秒还没有展示成功,则出现弹层
}
请教一下,这个该如何实现?
location.href执行后是马上发起请求跳转页面的。所谓跳转速度慢,我理解是新页面全部渲染完成的耗时比较长的意思吧。如果是,那这个问题和location.href并无关联,每个页面都可能因为各种原因打开慢的。而用js来监听页面加载耗时这种事情,似乎超出js能力范围了,加载js本身这件事由于网络或者服务器的关系js就控制不了。
非严谨的办法,可以在html的head最开始设置一个页面加载state变量,初始状态false表示为加载完成,执行setTimeout到时根据state判断页面是否加载完成来选择执行那些操作。而在某个你认为页面算加载完成的地方,改变state为true,可以是document.onload执行完的时候,也可以是window.onload执行完的时候。
<html>
<head>
<script>
var state = false;
setTimeout(function(){
if(!state){
...
}
}, 5000);
document.onload = function(){
...
state = true;
}
</script>
</head>
...
</html>
但这种做法无法保证setTimeout按时执行,而且setTimeout开始执行的时间也无法控制,只能作为非严谨监听页面加载超时的方式吧。。。
13 回答13.1k 阅读
7 回答2.3k 阅读
3 回答1.4k 阅读✓ 已解决
6 回答1.5k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
3 回答1.5k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决