jsp页面的前进刷新后退

来源:互联网 发布:owncloud php组件 编辑:程序博客网 时间:2024/05/21 21:33
转自:http://www.mikebai.com/Article/2009-11/757.html
[html] view plain copy
print?
  1. <input type=button value=刷新 onclick="window.location.reload()">  
  2. <input type=button value=前进 onclick="window.history.go(1)">  
  3. <input type=button value=后退 onclick="window.history.go(-1)">  
  4. <input type=button value=前进 onclick="window.history.forward()">  
  5. <input type=button value=后退 onclick="window.history.back()">  
[html] view plain copy
print?
  1. 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">  
打开一个jsp页面,肯定是用客户端脚本进行刷新了。
Javascript刷新页面的几种方法:
[html] view plain copy
print?
  1. 打开一个jsp页面,肯定是用客户端脚本进行刷新了。  
  2. Javascript刷新页面的几种方法:  
  3. 1 history.go(0)  
  4. 2 location.reload()  
  5. location=location  
  6. 4 location.assign(location)  
  7. 5 document.execCommand('Refresh')  
  8. 6 window.navigate(location)  
  9. 7 location.replace(location)  
  10. document.URL=location.href  
如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。
[html] view plain copy
print?
  1. 例如:载入页面:  
  2.    function onLoadPage(){  
  3.      if(event.srcElement.tagName=="SPAN"){  
  4.          oFrame=top.window.middle.frames[2];  
  5.          oTxt=event.srcElement.innerText;  
  6.          switch(oTxt){  
  7.              case "前 进":  
  8.                  oFrame.history.go(1);  
  9.              case "后 退":  
  10.                  oFrame.history.back();  
  11.              case "刷 新":  
  12.                  oFrame.location.reload();  
  13.          }  
  14.      }  
  15. }  

原创粉丝点击