使用jQuery刷新(重新加载)页面一次?
我想知道如何刷新/重新加载页面(甚至特定的div)一次(!)使用jQuery?
理想情况下,在DOM structure
可用之后(参见onload
事件),并且不会负面影响back button
或bookmark
function。
请注意:由于第三方限制,不允许使用replace()
。
好吧,我想我得到了你要的东西。 尝试这个
if(window.top==window) { // You're not in a frame, so you reload the site. window.setTimeout('location.reload()', 3000); //Reloads after three seconds } else { //You're inside a frame, so you stop reloading. }
如果是一次,那么就这样做
$('#div-id').triggerevent(function(){ $('#div-id').html(newContent); });
如果是周期性的
function updateDiv(){ //Get new content through Ajax ... $('#div-id').html(newContent); } setInterval(updateDiv, 5000); // That's five seconds
所以,每隔五秒钟div#div-id内容将会刷新。 比刷新整个页面更好。
要重新加载,你可以试试这个:
window.location.reload(true);
window.location.href=window.location.href;
$('#div-id').click(function(){ location.reload(); });
这是正确的语法。
$('#div-id').html(newContent); //This doesnt work
用这个:
<script type="text/javascript"> $(document).ready(function(){ // Check if the current URL contains '#' if(document.URL.indexOf("#")==-1) { // Set the URL to whatever it was plus "#". url = document.URL+"#"; location = "#"; //Reload the page location.reload(true); } }); </script>
由于if
条件,页面只会重新加载一次。
您没有jQuery刷新function,因为这是JavaScript的基础知识。
尝试这个:
<body onload="if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');">
使用:
<html> <head> <title>Reload (Refresh) Page Using Jquery</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#reload').click(function() { window.location.reload(); }); }); </script> </head> <body> <button id="reload" >Reload (Refresh) Page Using</button> </body> </html>
添加到您的文件的顶部,该网站将每30秒刷新一次。
<script type="text/javascript"> window.onload = Refresh; function Refresh() { setTimeout("refreshPage();", 30000); } function refreshPage() { window.location = location.href; } </script>
另一个是:添加在头标签
<meta http-equiv="refresh" content="30">
- location = location - location = location.href - location = window.location - location = self.location - location = window.location.href - location = self.location.href - location = location['href'] - location = window['location'] - location = window['location'].href - location = window['location']['href']
你不需要这个jQuery。 你可以用JavaScript来做到这一点。
改用这个
function timedRefresh(timeoutPeriod) { setTimeout("location.reload(true);",timeoutPeriod); } <a href="javascript:timedRefresh(2000)">image</a>
试试这个代码:
$('#iframe').attr('src', $('#iframe').attr('src'));
尝试这个:
<input type="button" value="Reload" onClick="history.go(0)">
用javascript刷新页面,你可以简单地使用:
location.reload();
你可以使用这个引用以及location.reload()检查这个,它会工作。
this.location.reload();