1. 首頁
  2. 問答
  3. 如何使瀏覽器在單頁面佈局上前後移動？

如何使瀏覽器在單頁面佈局上前後移動？

2012-09-09 39 views

回答

5

您可以使用HTML5中的歷史記錄API來實現該功能。

這裏有一些資源，讓你開始：

要獲得舊版瀏覽器的支持，以及有JavaScript庫，使即：

先進例如通過Chrome團隊，使用歷史API：

來源

2012-09-09 10:31:48

+0

第二個鏈接不工作，它有？ –

+0

@jepser修復了鏈接 –

0

在舊的方式，你可以嘗試使用書籤，例如

<html> 
    <head> 
     <script type="text/javascript"> 
      function goPage (v) { 
       var idisplay = v == 'i', 
        adisplay = v == 'a', 
        bdisplay = v == 'b'; 
       document.getElementById('anchor_i').style.display = idisplay? 'none' : 'block'; 
       document.getElementById('anchor_a').style.display = adisplay? 'none' : 'block'; 
       document.getElementById('anchor_b').style.display = bdisplay? 'none' : 'block'; 

       document.getElementById('content_i').style.display = idisplay? 'block' : 'none'; 
       document.getElementById('content_a').style.display = adisplay? 'block' : 'none'; 
       document.getElementById('content_b').style.display = bdisplay? 'block' : 'none'; 
      } 
     </script> 
    </head> 
    <body> 
     <a name="index"></a> 
     <div id="content_i"> 
      index 
     </div> 

     <a id="anchor_i" href="#index" onclick="goPage('i');" style="display: none">to index</a> 
     <a id="anchor_a" href="#page_a" onclick="goPage('a');">to page_a</a> 
     <a id="anchor_b" href="#page_b" onclick="goPage('b');">to page_b</a> 

     <a name="page_a"></a> 
     <div id="content_a" style="display: none"> 
      page a 
     </div> 
     <a name="page_b"></a> 
     <div id="content_b" style="display: none;"> 
      page b 
     </div> 
    </body> 
</html>

來源

2012-09-09 11:24:07 benbai123

相關問題

 相關問題