HTML 页面的前进与后退

最新推荐文章于 2022-10-30 06:00:00 发布

chunchun1230

最新推荐文章于 2022-10-30 06:00:00 发布

阅读量9k

点赞数 3

分类专栏： javascript点滴

本文链接：https://blog.csdn.net/chunchun1230/article/details/77448290

版权

javascript点滴专栏收录该内容

72 篇文章 0 订阅

订阅专栏

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

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

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

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

[html]view plaincopy 
   
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
     <title></title>  
 </head>  
 <body>  
 <p>这是第一个页面</p>  
 <a href="HTMLPage2.htm">到dom页</a>  
 <input type="button" onclick="javascript:window.history.back()" value="后退"/>  
 <input type="button" onclick="javascript:window.history.forward()" value="前进" />  
 </body>  
 </html>  

[html]view plaincopy 
   
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
     <title></title>  
 </head>  
 <body>  
 <p>这是第二个页面</p>  
 <a href="HTMLPage3.htm">转到第一页</a>  
 <a href="javascript:window.history.back()">后退</a>  
 <a href="javascript:window.history.forward()">前进</a>  
   
 </body>  
 </html>  