javascript中的后退和刷新实现方法

 更新时间:2016年11月10日 10:33:49   投稿:jingxian  
下面小编就为大家带来一篇javascript中的后退和刷新实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
<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();
     }
   }
}

打开一个jsp页面,肯定是用客户端脚本进行刷新了。

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

以上就是小编为大家带来的javascript中的后退和刷新实现方法全部内容了,希望大家多多支持脚本之家~

相关文章

  •  js中toString()函数与valueOf()函数使用与区别

     js中toString()函数与valueOf()函数使用与区别

    在等于运算符中,如果比较的内容包含对象类型数据,则会涉及隐式转换,那么就会调用toString()函数和valueOf()函数,本文主要介绍了 js中toString()函数与valueOf()函数使用与区别,感兴趣的可以了解一下
    2022-04-04
  • canvas实现图像布局填充功能

    canvas实现图像布局填充功能

    这篇文章主要为大家详细介绍了canvas实现图像布局填充功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript中常见的类型判断方法和区别详解

    JavaScript中常见的类型判断方法和区别详解

    在JavaScript中,我们经常需要对数据的类型进行判断,以便进行相应的处理,本文将介绍JavaScript中常见的类型判断方法,包括typeof、instanceof、Object.prototype.toString() 以及Array.isArray(),并且会详细解释它们之间的区别,需要的朋友可以参考下
    2023-11-11
  • Sort()函数的多种用法

    Sort()函数的多种用法

    sort() 方法用于对数组的元素进行排序。接下来通过本文给大家介绍Sort()函数的多种用法,对sort函数的用法相关知识感兴趣的朋友一起学习
    2016-03-03
  • 分离与继承的思想实现图片上传后的预览功能:ImageUploadView

    分离与继承的思想实现图片上传后的预览功能:ImageUploadView

    本文要介绍的是网页中常见的图片上传后直接在页面生成小图预览的实现思路,考虑到该功能有一定的适用性,于是把相关的逻辑封装成了一个ImageUploadView组件,实际使用效果可查看下一段的git效果图
    2016-04-04
  • 详解基于Vue cli生成的Vue项目的webpack4升级

    详解基于Vue cli生成的Vue项目的webpack4升级

    这篇文章主要介绍了详解基于Vue cli生成的Vue项目的webpack4升级,本文将详细介绍从webpack3到webpack4的升级过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • jQuery获取随机颜色的实例代码

    jQuery获取随机颜色的实例代码

    这篇文章主要介绍了jQuery获取随机颜色的实例代码,非常不错,具有一定的参考借鉴价值,感兴趣的朋友跟随脚本之家小编来学习吧
    2018-05-05
  • JS+Vue实现三级全选单选

    JS+Vue实现三级全选单选

    这篇文章主要为大家详细介绍了JS+Vue实现三级全选单选,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • H5基于iScroll实现下拉刷新和上拉加载更多

    H5基于iScroll实现下拉刷新和上拉加载更多

    这篇文章主要为大家详细介绍了H5基于iScroll实现下拉刷新和上拉加载更多效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • js实现的折叠导航示例

    js实现的折叠导航示例

    折叠导航的实现方法有很多,在文本为大家介绍下如何使用js实现的折叠导航,感兴趣的朋友可以参考下
    2013-11-11

最新评论