頁面后退按鈕


網頁自動回退一頁的javascript代碼怎么寫嗎?

使用JavaScript的history就可以實現后退一頁,甚至幾頁的效果。例如下面的代碼:

  <button onclick="history.go(-1)">后退一頁</button>

后退一頁

這個難度不大,不過如果這個是用戶訪問的第一頁的話話,那么上面的按鈕就會失靈。最好加一個判斷,如果確實能后退才顯示那個按鈕。

但是能不能讓JS后退功能再進一步呢?比如說讓用戶可以看得到網址,只要應用document.referrer就可以了。代碼和執行效果如下(如果這個是你訪問的第一個網頁將不會有任何效果):

<script type="text/javascript">
if(document.referrer){
var str = document.referrer;
str = '返回上一頁:<a href="'+ str + '">' + str + '</a>';
document.write(str);
}
</script>

 

 

 

 

 

JS后退一頁, JS返回上一頁代碼, JS返回下一頁,JS返回第幾頁,JS頁面跳轉, JS引用JS

Javascript 返回上一頁:

1. history.go(-1), 返回兩個頁面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一頁

4. window.history.go(返回第幾頁,也可以使用訪問過的URL)

:

<a href="javascript:history.go(-1);">向上一頁</a>

response.Write("<script language=javascript>") 
response.Write("if(!confirm('完成任務?')){history.back();}") 
response.Write("</script>") 
response.Write("<script language=javascript>history.go(-1);</script>") 
<a href="javascript:history.go(-1);">向上一頁</a> 
頁面跳轉:

P.S. 
小技巧(JS引用JS):

<script type=text/javascript> 
<!-- 
if (typeof SWFObject == "undefined") { 
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');} 
//--> 
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM