`

Javascript刷新页面的几种方法

阅读更多

Javascript刷新页面的几种方法   :  
1.   history.go(0)  
2.   location.reload()  
3.   location=location  
4.   location.assign(location)  
5.   document.execCommand( 'Refresh ')  
6.   window.navigate(location)  
7.   location.replace(location)  
8.document.URL=location.href  

------------------------------------------------------------------------------------------------------
区别window.location.Reload()和window.location.href=window.location.href;
<a onclick="javascript:window.location.href=window.location.href;">

<a onclick="javascript:window.location.reload();">

测试效果一样。表单没有提交。

<input type="submit" onclick="javascript:window.location.reload();" value="单击" id="btnVCode" />
<input type="submit" onclick="javascript:window.location.href=window.location.href;" value="单击" id="btnVCode" />

都提交数据

 

window.location.Reload()应该是刷新.(如果有数据提交的话,会提示是否提交的(是和否选项))
window.location.href=window.location.href; 是定向url提交数据

最好不要用location.reload(),而用location=location比较好,还有在模式窗口(showModalDialog和showModelessDialog)前者不能用。

 

reload参数有true和false,比较有意思?

 

-----------------------------------------------------------------------------

 

2个方法都是刷新父窗口,但是其中还是有奥妙的哦。
window.opener.location.reload();这个方法在强迫父窗口的时候,在有些IE浏览器(比如安全设置高)的情况下,会弹出一个确认对话框,提示是不是要重新再刷新一次页面,这可是比较郁闷的事情哦,我后来把这个方法替换成了window.opener.location.href=window.opener.location.href;
就不会出现那样的问题了。
 
---------------------------------------------------------------------------
 
在<body   onunload="window.opener.location.reload();">   ,这样在子窗口销毁的时候自动刷新主窗口
 
--------------------------------------------------------------------------
“前进” 与“后退”
 
                  function   back()    
                  {    
                          window.history.back()    
                  }    
                  function   forward()    
                  {    
                          window.history.forward()    
                  }    
                  function   back2()    
                  {    
                          window.history.go(-2)    
                  }    
                  function   forward2()    
                  {    
                          window.history.go(2)    
                  }    
-----------------------------------------------------------
js刷新窗口:window.location.replace(window.location.href)


window.location.reload();

window.history.go(0);

window.location.assign(window.location.href)


window.location.href和window.location.replace的区别:

1.html -> 2.html -> 3.html

系统从1.html到2.html后,2中有两个按钮,btn1是window.location.href=3.html, btn2是window.location.replace(3.html), 当点击btn1后在3中用window.history.go(-1);window.history.back();返回的是1.html,

而点击btn2进入3时,用window.history.go(-1);wondow.history.back();返回的是2.html

 

--------------------------------------------------------

window.location.href和window.location.replace的亲身体验与区别

当用window.location.href是使用window.history.go(-1)或window.history.back()是管用的

当用window.location.replace('url')是使用window.history.go(-1)或window.history.back()是不管用的

window.location.replace("3.jsp");是不向服务器发送请求的跳转

window.history.go(-1);window.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的

window.location.href("3.jsp");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的


有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个“返回”按钮,调用window.history.go(-1);wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。当用window.location.href("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是好用的,会返回2.jsp。因为window.location.replace("3.jsp");是不向服务器发送请求的跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面1.jsp 。window.location.href("3.jsp");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到2.jsp。

 

--------------------------------------------------------

 

<input   type=button   value=刷新   onclick="window.location.reload()"> 
  <input   type=button   value=前进   onclick="window.history.go(1)"> 
  <input   type=button   value=后退   onclick="window.history.go(-1)"> 
  <input   type=button   value=前进   onclick="window.history.forward()"> 
  <input   type=button   value=后退   onclick="window.history.back()">

 
后退+刷新
<input   type=button   value=后退   onclick="window.history.go(-1);window.location.reload()">

在C# Web程序中,如为页面按钮写返回上一页代码

this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");

其中,history.go(-2),要写为-2,因在按钮事件触发前,已刷新一次页面,所以应是-2。

Response.Write("<script language=javascript>history.go(-2);</script>");

此处也要写为“-2”。跟直接写脚本的有所不同。
 
history.back()是会上一页
i=1
history.go(i)去指定的某夜
如果是history.go(0)那就是刷新
 
 
 
这两个属于JS代码,相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。
例如:载入页面:
  function onLoadPage(){
    if(event.srcElement.tagName=="SPAN"){
        oFrame=top.window.middle.frames[2];
        oTxt=event.srcElement.innerText;
        switch(oTxt){
            case "前 进":
                oFrame.history.go(1);
            case "后 退":
                oFrame.history.back();
            case "刷 新":
                oFrame.location.reload();
        }
    }
}
 


 
 


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/yuhua3272004/archive/2008/10/21/3118470.aspx

分享到:
评论

相关推荐

    JavaScript刷新页面的几种方法总结

    该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(...

    JavaScript刷新页面大全

    ### JavaScript刷新页面大全 在Web开发中,页面的刷新是一个常见的需求。JavaScript作为一种客户端脚本语言,提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式,并给出相应的代码示例。 #### 1....

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧

    Javascript 刷新框架及页面的方法总集

    本文详细介绍了JavaScript刷新框架及页面的七种方法,并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。

    vue刷新页面的几种常用方法

    以下是几种在Vue应用程序中刷新页面的常用方法: 1. **使用`location.reload()`方法**: 这是JavaScript中最常见的刷新页面的方法,它会重新加载当前URL。可以在Vue的生命周期钩子或其他自定义方法中使用。例如,...

    js刷新当前页面的几种方法(相当牛X)

    用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...

    jQuery 局部div刷新和全局刷新方法总结

    以下是几种常见的全局刷新方法: 1. 刷新当前页面,使用以下代码: ```javascript window.location.reload(); ``` 此方法会请求浏览器刷新当前页面。它通常用于当页面状态改变时,比如表单提交后,需要刷新当前...

    JS当前页面和框架自动刷新的方法

    除了上述针对框架内页面的刷新方法外,还有其他几种通用的页面刷新技术: 1. `history.go(0)`: 这个方法会重新加载当前页面,相当于用户点击了浏览器的刷新按钮。 2. `location.reload()`: 强制刷新当前页面,可以...

    jsp返回上一页和刷新

    二、使用JavaScript刷新页面 JavaScript也提供了多种方法来刷新页面,以下是一些常用的方法: 1. 使用history.go(0)刷新页面,例如:&lt;a href="javascript:history.go(0);"&gt;刷新页面 2. 使用location.reload()刷新...

    几种在网页中调用其它页面的方法

    几种在网页中调用其它页面的方法 在网页开发中,调用其它页面的方法有很多,以下都是常见的方法: 方法一:使用JavaScript脚本 使用JavaScript脚本可以通过修改window.location属性来调用其它页面的内容。例如: ...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    在实际代码中,作者提出了几种方法,包括: - 使用`window.event`来获取触发事件的环境信息,并判断页面是关闭还是刷新。 - 利用`onbeforeunload`事件的返回值来进行判断,如果返回值被设置,则一般表示是关闭页面...

    vs.net各种刷新页面的方法

    #### 二、使用JavaScript刷新页面 JavaScript提供了多种方法来刷新当前页面: **2.1 使用`location.reload()`** 这是最简单直接的方式,可以直接调用`location.reload()`来重新加载当前页面。 **示例代码:** `...

    使用JavaScript刷新网页的方法

    JavaScript提供了几种方法来实现页面刷新,包括直接调用location.reload()方法,通过定时器setTimeout()在指定时间后刷新页面,以及通过鼠标事件触发页面刷新。以下详细说明这些方法和相关知识点。 首先,location....

    页面刷新方法汇总(转载)

    本篇将基于标题“页面刷新方法汇总”和描述中的信息,深入探讨几种常见的页面刷新方法,并结合标签“源码”和“工具”,分享一些实际操作技巧。 首先,页面刷新主要分为两种类型:客户端刷新和服务器端刷新。 1. *...

    页面四种局部刷新技术.txt

    从给定的文件标题、描述、标签以及部分内容来看,主要涉及了四种页面局部刷新的技术,包括iframe、JavaScript、Callback(回掉函数)以及Ajax。下面将对这四种技术进行详细解析: ### 1. iframe(内联框架) ...

    js刷新页面 方法大全

    本文将详细介绍几种使用JavaScript刷新页面的方法,并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。...

    .net页面刷新方法

    另一种方法是通过JavaScript来实现页面刷新,这通常用于在客户端执行刷新操作。例如: ```csharp private void Button2_Click(object sender, System.EventArgs e) { Response.Write("&lt;script language=...

Global site tag (gtag.js) - Google Analytics