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

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

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

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

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

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

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

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

AJAX = 異步 JavaScriptXML標準通用標記語言的子集)。AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術。
回到頂部
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. &
不同參數(shù)的間隔符

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

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

推薦閱讀更多精彩內容

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