我将一个布局转换为html;一旦我在code/html/css中做了更改,每次我都要按F5。有没有简单的javascript/jQuery解决方案?也就是说,在我添加脚本后,每5秒(或其他特定时间)重新加载整个页面。
setTimeout(function () { location.reload(1); }, 5000);
但是随着开发工具的发展,使用标签重新加载扩展可能会更好。
<meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">
如果必须在脚本中使用setTimeout:
setTimeout(function(){
window.location.reload(1);
}, 5000);
如果您使用的是firefox, XRefresh插件是一个不错的选择。每次检测到文件被修改时,它都会重新加载页面。所以它不是每5秒刷新一次,而是当你在HTML编辑器中点击保存时才会刷新。
IE有一个自动刷新更改工具。它叫做ReloadIt,可以在http://reloadit.codeplex.com上找到。免费的。
您可以选择一个想要自动重载的URL,并指定一个或多个目录路径以监视更改。按F12开始监控。
设置好后,将其最小化。然后编辑您的内容文件。当您保存任何更改时,页面将被重新加载。是这样的:
简单。一件容易的事。
要重新加载同一页面,您不需要第二个参数。你可以用:
<meta http-equiv="refresh" content="30" />
这将触发每30秒重新加载一次。
对于自动重载和清除缓存后3秒,你可以很容易地使用javascript setInterval函数。下面是简单的代码
$(文档)时函数(){ setInterval(函数(){ cache_clear () }, 3000); }); 函数cache_clear() { window.location.reload(真正的); / / window.location.reload ();如果您不删除缓存,请使用此选项 } < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js " > < /脚本> <p>自动重载页面并清除缓存</p> .
你也可以用meta来做这个
<meta http-equiv="Refresh" content="5">
@jAndy提供的答案应该可以工作,但在Firefox中,你可能会遇到问题,window.location.reload(1);可能行不通,这是我的个人经验。
所以我想建议:
setTimeout(function() { window.location=window.location;},5000);
这是经过测试的,工作正常。
这个动作持续5秒。
5000毫秒= 5秒
在target _self或任何你想要的页面上使用这个,包括它本身:
<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 5000);
}
</script>
<body onload="load()">
或者这个带有自动的self,没有目标代码,任何你想要的页面,包括它自己:
<script type="text/javascript">
function load()
{
setTimeout("location.href = 'http://YourPage.com';", 5000);
}
</script>
<body onload="load()">
或者,如果它是同一个页面,只重载自己和目标的帽子,你想要:
<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 5000);
}
</script>
<body onload="load()">
这三家公司都在做类似的事情,只是方式不同。