1. 程式人生 > >從QQ密碼修改的小問題回顧下URL Fragment

從QQ密碼修改的小問題回顧下URL Fragment

href history googl 顯示 ring post mbo htm 執行

改變#不會導致頁面重新加載,但是會改變瀏覽器歷史記錄

關於這點很容易測試,假設當前訪問的頁面是http://www.qq.com,打開控制臺,分別輸入如下命令看下區別(是否刷新),然後,再查看window.history有什麽區別(歷史記錄是否變化)

location.href += ‘#caper‘;  //頁面不會刷新
location.href += ‘?visitor=caper‘;  //頁面刷新

在普通的網頁瀏覽中,我們每點擊一個網頁鏈接,就會在瀏覽器歷史記錄中新增一條瀏覽記錄,並通過瀏覽器的導航功能輕松進行‘上一步‘、‘下一步‘的操作。

但對於ajax應用,url通常是不會變化的,尤其是單頁面應用。這也就意味著,用戶習以為常的瀏覽器導航功能(上一步、下一步)失去了作用,這在體驗上是比較糟糕的。通過#,開發者可以利用不同的id,標識當前頁面所處狀態,提升用戶體驗。

5、JS中可以通過window.location.hash來讀取或改變#的值

沒什麽好講的,可結上一點簡單測試下 :)

6、谷歌的網絡蜘蛛默認會忽略#後面的內容

谷歌網絡蜘蛛負責爬取網頁的內容,以及網頁裏面的鏈接,它們會成為google搜索索引的一部分。網絡蜘蛛會抓取並分析HTML,但由於它並不是瀏覽器程序,也沒有javascript引擎,頁面上用來加載顯示內容的javascript並不會被執行。因此,#後面的字符會被網絡蜘蛛忽視,只抓取#前面的內容,舉例:

鏈接一:http://www.cnblogs.com/#casper
鏈接二:http://www.cnblogs.com/#chyingp

對於網絡蜘蛛來說,鏈接一、鏈接二其實是一樣的,它只會抓取http://www.cnblogs.com的內容,盡管兩個鏈接可能展示的是不同的內容

這點無論對於開發者,還是搜索引擎都是不利的,前者辛苦創作的內容(應用)少了很多被訪問的機會,而後者則失去了進一步豐富其內容索引的機會,特別是在ajax應用越來越多的今天。

為了解決這個問題,google提供了一個解決方案:hash bang,只要將#改成#!即可,實現大致為:當網絡蜘蛛遇到#!時候,會自動將#!identifier轉成_escaped_fragment_=identifier形式的參數,修改下之前的鏈接

http://tieba.baidu.com/p/5632998173
http://tieba.baidu.com/p/5634106628
http://www.cnblogs.com/taobao1/p/8722203.html
http://www.cnblogs.com/taobao1/p/8722145.html
https://www.cnblogs.com/baidu1/p/8722089.html
https://www.cnblogs.com/baidu1/p/8722086.html
https://www.cnblogs.com/baidu1/p/8722083.html
https://www.cnblogs.com/baidu1/p/8722078.html
https://www.cnblogs.com/baidu1/p/8722077.html
https://www.cnblogs.com/baidu1/p/8722073.html
https://www.cnblogs.com/baidu1/p/8722071.html
https://www.cnblogs.com/baidu1/p/8722070.html
https://www.cnblogs.com/baidu1/p/8722064.html
https://www.cnblogs.com/baidu1/p/8722059.html
https://www.cnblogs.com/baidu1/p/8722056.html
https://www.cnblogs.com/baidu1/p/8722046.html
https://www.cnblogs.com/baidu1/p/8722039.html
https://www.cnblogs.com/baidu1/p/8722035.html
https://www.cnblogs.com/baidu1/p/8722026.html
https://www.cnblogs.com/baidu1/p/8722022.html
https://www.cnblogs.com/baidu1/p/8722019.html
https://www.cnblogs.com/baidu1/p/8722017.html
https://www.cnblogs.com/baidu1/p/8722015.html
https://www.cnblogs.com/baidu1/p/8722009.html
https://www.cnblogs.com/baidu1/p/8722007.html
https://www.cnblogs.com/baidu1/p/8722001.html
https://www.cnblogs.com/baidu1/p/8721997.html
https://www.cnblogs.com/baidu1/p/8721988.html
https://www.cnblogs.com/baidu1/p/8721984.html
https://www.cnblogs.com/baidu1/p/8721976.html
https://www.cnblogs.com/baidu1/p/8721973.html
https://www.cnblogs.com/baidu1/p/8721967.html
https://www.cnblogs.com/baidu1/p/8721962.html
https://www.cnblogs.com/baidu1/p/8721959.html
https://www.cnblogs.com/baidu1/p/8721950.html
https://www.cnblogs.com/baidu1/p/8721946.html
https://www.cnblogs.com/baidu1/p/8721941.html
https://www.cnblogs.com/baidu1/p/8721939.html
https://www.cnblogs.com/baidu1/p/8721934.html
https://www.cnblogs.com/baidu1/p/8721929.html
https://www.cnblogs.com/baidu1/p/8721919.html
https://www.cnblogs.com/baidu1/p/8721915.html
https://www.cnblogs.com/baidu1/p/8721911.html
https://www.cnblogs.com/baidu1/p/8721909.html
https://www.cnblogs.com/baidu1/p/8721905.html
https://www.cnblogs.com/baidu1/p/8721901.html
https://www.cnblogs.com/baidu1/p/8721894.html
https://www.cnblogs.com/baidu1/p/8721886.html
https://www.cnblogs.com/baidu1/p/8721885.html
https://www.cnblogs.com/baidu1/p/8721875.html
https://www.cnblogs.com/baidu1/p/8721873.html
https://www.cnblogs.com/baidu1/p/8721861.html
https://www.cnblogs.com/baidu1/p/8721856.html
https://www.cnblogs.com/baidu1/p/8721847.html
https://www.cnblogs.com/baidu1/p/8721843.html
https://www.cnblogs.com/baidu1/p/8721833.html
https://www.cnblogs.com/baidu1/p/8721825.html
https://www.cnblogs.com/baidu1/p/8721817.html
https://www.cnblogs.com/baidu1/p/8721809.html
https://www.cnblogs.com/baidu1/p/8721803.html
https://www.cnblogs.com/baidu1/p/8721801.html
https://www.cnblogs.com/baidu1/p/8721795.html
https://www.cnblogs.com/baidu1/p/8721792.html
https://www.cnblogs.com/baidu1/p/8721785.html
https://www.cnblogs.com/baidu1/p/8721782.html
https://www.cnblogs.com/baidu1/p/8721771.html
https://www.cnblogs.com/baidu1/p/8721766.html
https://www.cnblogs.com/baidu1/p/8721759.html
https://www.cnblogs.com/baidu1/p/8721755.html
https://www.cnblogs.com/baidu1/p/8721743.html
https://www.cnblogs.com/baidu1/p/8721737.html
https://www.cnblogs.com/baidu1/p/8721731.html
https://www.cnblogs.com/baidu1/p/8721728.html
https://www.cnblogs.com/baidu1/p/8721719.html
https://www.cnblogs.com/baidu1/p/8721713.html
https://www.cnblogs.com/baidu1/p/8721705.html
https://www.cnblogs.com/baidu1/p/8721700.html
https://www.cnblogs.com/baidu1/p/8721696.html
https://www.cnblogs.com/baidu1/p/8721695.html
https://www.cnblogs.com/baidu1/p/8721688.html
https://www.cnblogs.com/baidu1/p/8721686.html
https://www.cnblogs.com/baidu1/p/8721683.html
https://www.cnblogs.com/baidu1/p/8721679.html
https://www.cnblogs.com/baidu1/p/8721674.html
https://www.cnblogs.com/baidu1/p/8721667.html
https://www.cnblogs.com/baidu1/p/8721657.html
https://www.cnblogs.com/baidu1/p/8721653.html
https://www.cnblogs.com/baidu1/p/8721649.html
https://www.cnblogs.com/baidu1/p/8721644.html
https://www.cnblogs.com/baidu1/p/8721639.html
https://www.cnblogs.com/baidu1/p/8721628.html
https://www.cnblogs.com/baidu1/p/8721624.html
https://www.cnblogs.com/baidu1/p/8721622.html
https://www.cnblogs.com/baidu1/p/8721619.html
https://www.cnblogs.com/baidu1/p/8721611.html
https://www.cnblogs.com/baidu1/p/8721604.html
https://www.cnblogs.com/baidu1/p/8721601.html
https://www.cnblogs.com/baidu1/p/8721594.html
https://www.cnblogs.com/baidu1/p/8721592.html
https://www.cnblogs.com/baidu1/p/8721584.html
https://www.cnblogs.com/baidu1/p/8721580.html
https://www.cnblogs.com/baidu1/p/8721578.html
https://www.cnblogs.com/baidu1/p/8721574.html
https://www.cnblogs.com/baidu1/p/8721567.html
https://www.cnblogs.com/baidu1/p/8721564.html
http://www.cnblogs.com/baidu1/p/8722089.html
http://www.cnblogs.com/baidu1/p/8722086.html
http://www.cnblogs.com/baidu1/p/8722083.html
http://www.cnblogs.com/baidu1/p/8722078.html
http://www.cnblogs.com/baidu1/p/8722077.html
http://www.cnblogs.com/baidu1/p/8722073.html
http://www.cnblogs.com/baidu1/p/8722071.html
http://www.cnblogs.com/baidu1/p/8722070.html
http://www.cnblogs.com/baidu1/p/8722064.html
http://www.cnblogs.com/baidu1/p/8722059.html
http://www.cnblogs.com/baidu1/p/8722056.html
http://www.cnblogs.com/baidu1/p/8722046.html
http://www.cnblogs.com/baidu1/p/8722039.html
http://www.cnblogs.com/baidu1/p/8722035.html
http://www.cnblogs.com/baidu1/p/8722026.html
http://www.cnblogs.com/baidu1/p/8722022.html
http://www.cnblogs.com/baidu1/p/8722019.html
http://www.cnblogs.com/baidu1/p/8722017.html
http://www.cnblogs.com/baidu1/p/8722015.html
http://www.cnblogs.com/baidu1/p/8722009.html
http://www.cnblogs.com/baidu1/p/8722007.html
http://www.cnblogs.com/baidu1/p/8722001.html
http://www.cnblogs.com/baidu1/p/8721997.html
http://www.cnblogs.com/baidu1/p/8721988.html
http://www.cnblogs.com/baidu1/p/8721984.html
http://www.cnblogs.com/baidu1/p/8721976.html
http://www.cnblogs.com/baidu1/p/8721973.html
http://www.cnblogs.com/baidu1/p/8721967.html
http://www.cnblogs.com/baidu1/p/8721962.html
http://www.cnblogs.com/baidu1/p/8721959.html
http://www.cnblogs.com/baidu1/p/8721950.html
http://www.cnblogs.com/baidu1/p/8721946.html
http://www.cnblogs.com/baidu1/p/8721941.html
http://www.cnblogs.com/baidu1/p/8721939.html
http://www.cnblogs.com/baidu1/p/8721934.html
http://www.cnblogs.com/baidu1/p/8721929.html
http://www.cnblogs.com/baidu1/p/8721919.html
http://www.cnblogs.com/baidu1/p/8721915.html
http://www.cnblogs.com/baidu1/p/8721911.html
http://www.cnblogs.com/baidu1/p/8721909.html
http://www.cnblogs.com/baidu1/p/8721905.html
http://www.cnblogs.com/baidu1/p/8721901.html
http://www.cnblogs.com/baidu1/p/8721894.html
http://www.cnblogs.com/baidu1/p/8721886.html
http://www.cnblogs.com/baidu1/p/8721885.html
http://www.cnblogs.com/baidu1/p/8721875.html
http://www.cnblogs.com/baidu1/p/8721873.html
http://www.cnblogs.com/baidu1/p/8721861.html
http://www.cnblogs.com/baidu1/p/8721856.html
http://www.cnblogs.com/baidu1/p/8721847.html
http://www.cnblogs.com/baidu1/p/8721843.html
http://www.cnblogs.com/baidu1/p/8721833.html
http://www.cnblogs.com/baidu1/p/8721825.html
http://www.cnblogs.com/baidu1/p/8721817.html
http://www.cnblogs.com/baidu1/p/8721809.html
http://www.cnblogs.com/baidu1/p/8721803.html
http://www.cnblogs.com/baidu1/p/8721801.html
http://www.cnblogs.com/baidu1/p/8721795.html
http://www.cnblogs.com/baidu1/p/8721792.html
http://www.cnblogs.com/baidu1/p/8721785.html
http://www.cnblogs.com/baidu1/p/8721782.html
http://www.cnblogs.com/baidu1/p/8721771.html
http://www.cnblogs.com/baidu1/p/8721766.html
http://www.cnblogs.com/baidu1/p/8721759.html
http://www.cnblogs.com/baidu1/p/8721755.html
http://www.cnblogs.com/baidu1/p/8721743.html
http://www.cnblogs.com/baidu1/p/8721737.html
http://www.cnblogs.com/baidu1/p/8721731.html
http://www.cnblogs.com/baidu1/p/8721728.html
http://www.cnblogs.com/baidu1/p/8721719.html
http://www.cnblogs.com/baidu1/p/8721713.html
http://www.cnblogs.com/baidu1/p/8721705.html
http://www.cnblogs.com/baidu1/p/8721700.html
http://www.cnblogs.com/baidu1/p/8721696.html
http://www.cnblogs.com/baidu1/p/8721695.html
http://www.cnblogs.com/baidu1/p/8721688.html
http://www.cnblogs.com/baidu1/p/8721686.html
http://www.cnblogs.com/baidu1/p/8721683.html
http://www.cnblogs.com/baidu1/p/8721679.html
http://www.cnblogs.com/baidu1/p/8721674.html
http://www.cnblogs.com/baidu1/p/8721667.html
http://www.cnblogs.com/baidu1/p/8721657.html
http://www.cnblogs.com/baidu1/p/8721653.html
http://www.cnblogs.com/baidu1/p/8721649.html
http://www.cnblogs.com/baidu1/p/8721644.html
http://www.cnblogs.com/baidu1/p/8721639.html
http://www.cnblogs.com/baidu1/p/8721628.html
http://www.cnblogs.com/baidu1/p/8721624.html
http://www.cnblogs.com/baidu1/p/8721622.html
http://www.cnblogs.com/baidu1/p/8721619.html
http://www.cnblogs.com/baidu1/p/8721611.html
http://www.cnblogs.com/baidu1/p/8721604.html
http://www.cnblogs.com/baidu1/p/8721601.html
http://www.cnblogs.com/baidu1/p/8721594.html
http://www.cnblogs.com/baidu1/p/8721592.html
http://www.cnblogs.com/baidu1/p/8721584.html
http://www.cnblogs.com/baidu1/p/8721580.html
http://www.cnblogs.com/baidu1/p/8721578.html
http://www.cnblogs.com/baidu1/p/8721574.html
http://www.cnblogs.com/baidu1/p/8721567.html
http://www.cnblogs.com/baidu1/p/8721564.html
www.cnblogs.com/baidu1/p/8722089.html
www.cnblogs.com/baidu1/p/8722086.html
www.cnblogs.com/baidu1/p/8722083.html
www.cnblogs.com/baidu1/p/8722078.html
www.cnblogs.com/baidu1/p/8722077.html
www.cnblogs.com/baidu1/p/8722073.html
www.cnblogs.com/baidu1/p/8722071.html
www.cnblogs.com/baidu1/p/8722070.html
www.cnblogs.com/baidu1/p/8722064.html
www.cnblogs.com/baidu1/p/8722059.html
www.cnblogs.com/baidu1/p/8722056.html
www.cnblogs.com/baidu1/p/8722046.html
www.cnblogs.com/baidu1/p/8722039.html
www.cnblogs.com/baidu1/p/8722035.html
www.cnblogs.com/baidu1/p/8722026.html
www.cnblogs.com/baidu1/p/8722022.html
www.cnblogs.com/baidu1/p/8722019.html
www.cnblogs.com/baidu1/p/8722017.html
www.cnblogs.com/baidu1/p/8722015.html
www.cnblogs.com/baidu1/p/8722009.html
www.cnblogs.com/baidu1/p/8722007.html
www.cnblogs.com/baidu1/p/8722001.html
www.cnblogs.com/baidu1/p/8721997.html
www.cnblogs.com/baidu1/p/8721988.html
www.cnblogs.com/baidu1/p/8721984.html
www.cnblogs.com/baidu1/p/8721976.html
www.cnblogs.com/baidu1/p/8721973.html
www.cnblogs.com/baidu1/p/8721967.html
www.cnblogs.com/baidu1/p/8721962.html
www.cnblogs.com/baidu1/p/8721959.html
www.cnblogs.com/baidu1/p/8721950.html
www.cnblogs.com/baidu1/p/8721946.html
www.cnblogs.com/baidu1/p/8721941.html
www.cnblogs.com/baidu1/p/8721939.html
www.cnblogs.com/baidu1/p/8721934.html
www.cnblogs.com/baidu1/p/8721929.html
www.cnblogs.com/baidu1/p/8721919.html
www.cnblogs.com/baidu1/p/8721915.html
www.cnblogs.com/baidu1/p/8721911.html
www.cnblogs.com/baidu1/p/8721909.html
www.cnblogs.com/baidu1/p/8721905.html
www.cnblogs.com/baidu1/p/8721901.html
www.cnblogs.com/baidu1/p/8721894.html
www.cnblogs.com/baidu1/p/8721886.html
www.cnblogs.com/baidu1/p/8721885.html
www.cnblogs.com/baidu1/p/8721875.html
www.cnblogs.com/baidu1/p/8721873.html
www.cnblogs.com/baidu1/p/8721861.html
www.cnblogs.com/baidu1/p/8721856.html
www.cnblogs.com/baidu1/p/8721847.html
www.cnblogs.com/baidu1/p/8721843.html
www.cnblogs.com/baidu1/p/8721833.html
www.cnblogs.com/baidu1/p/8721825.html
www.cnblogs.com/baidu1/p/8721817.html
www.cnblogs.com/baidu1/p/8721809.html
www.cnblogs.com/baidu1/p/8721803.html
www.cnblogs.com/baidu1/p/8721801.html
www.cnblogs.com/baidu1/p/8721795.html
www.cnblogs.com/baidu1/p/8721792.html
www.cnblogs.com/baidu1/p/8721785.html
www.cnblogs.com/baidu1/p/8721782.html
www.cnblogs.com/baidu1/p/8721771.html
www.cnblogs.com/baidu1/p/8721766.html
www.cnblogs.com/baidu1/p/8721759.html
www.cnblogs.com/baidu1/p/8721755.html
www.cnblogs.com/baidu1/p/8721743.html
www.cnblogs.com/baidu1/p/8721737.html
www.cnblogs.com/baidu1/p/8721731.html
www.cnblogs.com/baidu1/p/8721728.html
www.cnblogs.com/baidu1/p/8721719.html
www.cnblogs.com/baidu1/p/8721713.html
www.cnblogs.com/baidu1/p/8721705.html
www.cnblogs.com/baidu1/p/8721700.html
www.cnblogs.com/baidu1/p/8721696.html
www.cnblogs.com/baidu1/p/8721695.html
www.cnblogs.com/baidu1/p/8721688.html
www.cnblogs.com/baidu1/p/8721686.html
www.cnblogs.com/baidu1/p/8721683.html
www.cnblogs.com/baidu1/p/8721679.html
www.cnblogs.com/baidu1/p/8721674.html
www.cnblogs.com/baidu1/p/8721667.html
www.cnblogs.com/baidu1/p/8721657.html
www.cnblogs.com/baidu1/p/8721653.html
www.cnblogs.com/baidu1/p/8721649.html
www.cnblogs.com/baidu1/p/8721644.html
www.cnblogs.com/baidu1/p/8721639.html
www.cnblogs.com/baidu1/p/8721628.html
www.cnblogs.com/baidu1/p/8721624.html
www.cnblogs.com/baidu1/p/8721622.html
www.cnblogs.com/baidu1/p/8721619.html
www.cnblogs.com/baidu1/p/8721611.html
www.cnblogs.com/baidu1/p/8721604.html
www.cnblogs.com/baidu1/p/8721601.html
www.cnblogs.com/baidu1/p/8721594.html
www.cnblogs.com/baidu1/p/8721592.html
www.cnblogs.com/baidu1/p/8721584.html
www.cnblogs.com/baidu1/p/8721580.html
www.cnblogs.com/baidu1/p/8721578.html
www.cnblogs.com/baidu1/p/8721574.html
www.cnblogs.com/baidu1/p/8721567.html
www.cnblogs.com/baidu1/p/8721564.html

從QQ密碼修改的小問題回顧下URL Fragment