HTML 页面的前进与后退

来源:互联网 发布:马良中国软件下载 编辑:程序博客网 时间:2024/05/18 21:48

HTML实现 后退【window.history.back()】默认

HTML实现 后退【window.history.back(-1)】 括号里面的负数字代表后退几个页面,如果是-2的话就代表后退2页

HTML实现 前进【window.history.forward()】//不常用

HTML实现 前进【window.history.forward(1)】//不常用   括号里面的正数就代表要前进的页。如果是3就表示前进3页


[html] view plain copy
  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head>  
  3.     <title></title>  
  4. </head>  
  5. <body>  
  6. <p>这是第一个页面</p>  
  7. <a href="HTMLPage2.htm">到dom页</a>  
  8. <input type="button" onclick="javascript:window.history.back()" value="后退"/>  
  9. <input type="button" onclick="javascript:window.history.forward()" value="前进" />  
  10. </body>  
  11. </html>  

[html] view plain copy
  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head>  
  3.     <title></title>  
  4. </head>  
  5. <body>  
  6. <p>这是第二个页面</p>  
  7. <a href="HTMLPage3.htm">转到第一页</a>  
  8. <a href="javascript:window.history.back()">后退</a>  
  9. <a href="javascript:window.history.forward()">前进</a>  
  10.   
  11. </body>  
  12. </html>  

原创粉丝点击