如何在不創建頁面重新加載的情況下更改Firefox window.location.hash？

Question

我在URL片段中存儲了一些狀態信息（散列，無論你怎麼稱呼它）。當我在Chrome中更改window.location.hash並且Safari不重新載入頁面時 - 這是我想要的行爲。當我在Firefox中更改window.location.hash時，我得到一個頁面重新加載。我如何防止這種情況？

注意：我在URL中存儲狀態的原因是，userA可以將url發送到userB，並且userB將能夠看到相同的頁面（由AJAX加載）。

---

分辨率：對於它的價值，在Firefox（？只）的頁面將重新加載，如果你完全刪除哈希包括「＃」字符。我最終確定不要刪除整個散列。

Answer 1

這裏有一個解決方案。 Change the URL in the browser without loading the new page using JavaScript

Answer 2

有一個名爲history的jQuery插件可以做到這一點。我建議你看看源代碼（上次我檢查時它不是很大）。它也適用於舊版本的IE，但它確實很討厭：P

Answer 3

你可以在這裏找到一篇關於History API的好文章：http://blog.webspecies.co.uk/2011-05-26/html5-history-api-dynamic-websites-like-never-before.html 這幫了我很多。

Answer 4

假設這是火狐的行爲（甚至重新加載頁面時，只要更換散列部），它不能被重寫，也許你可以寫，而不是一個定製的解決方案，finds the (x,y) position of the anchor target和呼叫window.scroll(x,y)。

Answer 5

在你提到的帖子，下面是設置hash代碼：

function (hsh) { 
    hsh="#"+hsh; 
    this.current.hash=hsh; 
    document.location.hash=hsh; 
} 

及這裏的讀取hash代碼（例如，從另一個URL）：

function() { 
    if(document.location.hash.split("#").pop()==this.current.hash.split("#").pop()) { return; }//this hash was set by code! 
    var bl=-1;//-1 = none; otherwise, it's a block index. 
    var cp=-1; 
    if(document.location.hash.indexOf(Un.HASH_BLOCK_PREFIX)>-1) { 
     var blkhsh=document.location.hash.substring(Un.HASH_BLOCK_PREFIX.length+1); 
     var blknum=parseInt(blkhsh,16); 
     if(!isNaN(blknum)) { 
      for(bi in Un.BLOCKS.blFrom) { 
       if(Un.BLOCKS.blFrom[bi]==blkhsh) { 
        bl=bi; break; 
       } 
      } 
     } 
     else { 
      var blkspc=blkhsh.split(Un.HASH_BLOCK_SPACE).join(" "); 
      for(bi in Un.BLOCKS.blName) { 
       if(Un.BLOCKS.blName[bi]==blkspc) { 
        bl=bi; break; 
       } 
      } 
     } 
    } 
    else if(document.location.hash!="") { 
     var hexhsh=document.location.hash.split("#").pop().split(Un.HASH_CP_PREFIX).pop().split("x").pop(); //if the cp_prefix is missing, or if prefixed with x, this will still work :) 
     if(hexhsh.length==4 && !isNaN(parseInt(hexhsh,16))) { 
      cp=hexhsh; 
      for(bi in Un.BLOCKS.blFrom) { 
       if(Un.BLOCKS.blFrom[bi]>cp) { 
        bl=bi-1; 
        break; 
       } 
      } 
     } 
    } 
    if(bl>-1) { 
     Un.selectBlock(bl,(cp==-1 ? 0 : 1)); 
    } 
    else { 
     Un.next(1); 
     Un.setMenuButton($("#BlockButton"),0); 
    } 
    if(cp!=-1) { 
     setTimeout("Un.cpOpen('"+cp+"')",100); 
    } 
}