html刷新js重载入代码方法汇总

JavaScript常用页面刷新重载的方法:

点击重新载入页面
点击重新载入页面
点击重新载入页面
点击重新载入页面
点击重新载入页面
点击重新载入页面
点击重新载入页面
点击重新载入页面

点击重新载入页面
点击重新载入页面
点击重新载入页面

html链接重新载入方法


点击重新载入页面

点击重新载入页面

自动刷新页面的方法

 //代码放在head中,每隔20秒钟刷新一次

 //20秒之后页面跳转到haorooms中,通常运用到404页面

点击的链接都在新窗口打开:

//js自动刷新
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次

返回上一页和下一页的方法

history.go(-1) //返回上一页(括号中写-2代表返回上两页)

history.back() //返回上一页

window.history.forward()  //返回下一页

setTimeout("window.location.href='evaluate.php?E_id="+data.id+"'",2000)  //两秒后跳转url链接

刷新后返回上一个url地址,即不变地址  

后退不变位置刷新 

后退不变位置 

不变URL后退  //子窗口刷新父窗口
刷新 

延时刷新
setTimeout("window.location.reload()",5000); 
延时刷新
javascript:setTimeout(function(){window.location.reload()},3000);
开窗时刷新
关闭时刷新

location.reload()方法用于重新加载当前文档。
setTimeout("location.reload();",1000);在1秒以后调用location.reload()函数,只调用一次。
setInterval("location.reload();",1000);每隔1秒调用location.reload()函数,循环调用多次。
点击刷新一次


点击这儿刷新一下
快~快~快~戳我两下~

延时5秒后自动跳转

为了让页面进行刷新,可以使用location.reload()方法,但是这种方法会让页面一直不断的刷新,这是因为当页面加载完成以后,我们让它刷新一次,那么浏览器就会重新向服务器请求数据,界面会重新加载,然后,加载完成又调用了location.reload()方法,这样就陷入了死循环,一直处于请求然后刷新的状态。为了解决这样的问题,我们使用下面这种方式:

$(document).ready(function () {

     if(location.href.indexOf("#reloaded")==-1){
        location.href=location.href "#reloaded";
        location.reload();
    }
 })
#在这后面可以加入程序的其他代码即可,利用以上方法,在每次进入这个页面的时候,都会绕过浏览器缓存,重新向服务器获取数据。

用iframe、弹出子页面刷新父页面iframe
 
弹出子页面
 
子窗口刷新父窗口
 
刷新以open()方法打开的窗口
 
刷新以winodw.showModelDialog()方法打开的窗口
 

关闭当前页面并自动刷新父页面的代码:

window.location.href="javascript:window.opener=self.opener.location.reload();window.open('','_self');window.close()";

非模态刷新父页面:window.opener.location.reload(); 
模态刷新父页面:window.dialogArguments.location.reload(); 
 

用js控制页面只刷新一次,只刷新一次


==========第一种:改变URL

function reurl(){
        url = location.href;
        var times = url.split("?t=");
        if(times[1] != 1){
          url += "?t=1";
          self.location.replace(url);
        }
      }
      window.onload = function() {
        setTimeout("reurl()", 100);//0.1秒后刷新
      }


==========第二种:不改变URL刷新一次页面


function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
(function()
{
    var value = readCookie('shuaxinyemian');
    if(value == null)
    {
        var date = new Date();
        date.setTime(date.getTime()+(3600000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = "shuaxinyemian=1"+expires+"; path=/";
        window.location.reload();
    }
    else
    {
        var date = new Date();
        date.setTime(date.getTime()-(3600000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = "shuaxinyemian="+expires+"; path=/";
    }
})();
 

两秒钟后自动刷新代码:

后退刷新代码:
立即刷新:
延时3秒执行链接跳转:
返回'; header("Refresh:3;url=index.php");

//指定9秒循环刷新本页面一次

1秒后只刷新页面一次


只刷新一次

5秒之后刷新1次 五秒之后刷新一次


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部