您好,欢迎访问一九零五行业门户网

JavaScript中的后退与刷新的实例详解

不管是在我们学习javascript中还是我们日常开发中,后退与刷新的功能一直都是能遇到的,都是为了更好的用户体验,那么我们今天就给大家介绍下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中的后退与刷新、相信大家对此也有了一定的了解,希望对你的工作有所帮助!
相关推荐:
浏览器页面后退,如何重新运行ajax
js禁止浏览器页面后退功能实例详解
实现js禁止backspace键使浏览器后退
以上就是javascript中的后退与刷新的实例详解的详细内容。
其它类似信息

推荐信息