URL中“#” “?” &“”號的作用

http://blog.csdn.net/c370228492/article/details/8061866

閱讀目錄
1. #
2. ?
3. &

回到頂部
1. #
10年9月,twitter改版。一個顯著變化,就是URL加入了"#!"符號。比如,改版前的用戶主頁網址為http://twitter.com/username改版后,就變成了http://twitter.com/#!/username  這是主流網站第一次將"#"大規模用于重要URL中。這表明井號(Hash)的作用正在被重新認識。本文根據HttpWatch的文章,整理與井號有關的所有重要知識點。一、#的涵義  #代表網頁中的一個位置。其右面的字符,就是該位置的標識符。比如,http://www.example.com/index.html#print就代表網頁index.html的print位置。瀏覽器讀取這個URL后,會自動將print位置滾動至可視區域。  為網頁位置指定標識符,有兩個方法。一是使用錨點,比如<a name="print"></a>,二是使用id屬性,比如<div id="print">。
二、HTTP請求不包括#  #是用來指導瀏覽器動作的,對服務器端完全無用。所以,HTTP請求中不包括#。比如,訪問下面的網址,http://www.example.com/index.html#print,瀏覽器實際發出的請求是這樣的:
GET /index.html HTTP/1.1Host: www.example.com

三、#后的字符  在第一個#后面出現的任何字符,都會被瀏覽器解讀為位置標識符。這意味著,這些字符都不會被發送到服務器端。比如,下面URL的原意是指定一個顏色值:http://www.example.com/?color=#fff,但是,瀏覽器實際發出的請求是:
GET /?color= HTTP/1.1Host: www.example.com

四、改變#不觸發網頁重載  單單改變#后的部分,瀏覽器只會滾動到相應位置,不會重新加載網頁。比如,從http://www.example.com/index.html#location1改成http://www.example.com/index.html#location2,瀏覽器不會重新向服務器請求index.html。

五、改變#會改變瀏覽器的訪問歷史  每一次改變#后的部分,都會在瀏覽器的訪問歷史中增加一個記錄,使用"后退"按鈕,就可以回到上一個位置。這對于ajax應用程序特別有用,可以用不同的#值,表示不同的訪問狀態,然后向用戶給出可以訪問某個狀態的鏈接。值得注意的是,上述規則對IE 6和IE 7不成立,它們不會因為#的改變而增加歷史記錄?! ?br> 六、window.location.hash讀取#值  window.location.hash這個屬性可讀可寫。讀取時,可以用來判斷網頁狀態是否改變;寫入時,則會在不重載網頁的前提下,創造一條訪問歷史記錄。  
七、onhashchange事件  這是一個HTML 5新增的事件,當#值發生變化時,就會觸發這個事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持該事件?! ∷氖褂梅椒ㄓ腥N:
window.onhashchange = func;
<body onhashchange="func();">
window.addEventListener("hashchange", func, false);

對于不支持onhashchange的瀏覽器,可以用setInterval監控location.hash的變化。
八、Google抓取#的機制  默認情況下,Google的網絡蜘蛛忽視URL的#部分。  但是,Google還規定,如果你希望Ajax生成的內容被瀏覽引擎讀取,那么URL中可以使用"#!",Google會自動將其后面的內容轉成查詢字符串escaped_fragment的值?! ”热?,Google發現新版twitter的URL:http://twitter.com/#!/username  就會自動抓取另一個URL:http://twitter.com/?escaped_fragment=/username  通過這種機制,Google就可以索引動態的Ajax內容。

AJAX = 異步 JavaScriptXML標準通用標記語言的子集)。AJAX 是一種用于創建快速動態網頁的技術。
回到頂部
2. ?
1)連接作用:比如
http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1

2)清除緩存:比如
http://www.xxxxx.com/index.html http://www.xxxxx.com/index.html?test123123

兩個url打開的頁面一樣,但是后面這個有問號,說明不調用緩存的內容,而認為是一個新地址,重新讀取。
回到頂部
3. &
不同參數的間隔符

參考
http://blog.sina.com.cn/s/blog_6d3a29310100w67y.html
http://dreamweaver.abang.com/od/dwskill/a/html-wenhao.htm

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容

  • 去年9月,twitter改版。一個顯著變化,就是URL加入了"#!"符號。比如,改版前的用戶主頁網址為http:/...
    daoqing99閱讀 2,878評論 0 3
  • 1. angularjs 彈出框 $modal $modal只有一個方法:open,該方法的屬性有: templa...
    胡諾閱讀 991評論 0 0
  • 1 #作用get: 1.頁面滾動到指定頁面的指定位置 (eg: http://www.example.com/in...
    HarryPang閱讀 3,318評論 0 1
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,836評論 18 139
  • 如果可以,找個離家近的地方工作。 這是這些離家的日子,讓我逐漸明白。倒不是因為我突然意識到我有多么依賴我的父母,而...
    BBeMMyself閱讀 190評論 0 0