閱讀目錄
- 1. #
- 2. ？
- 3. &
回到頂部
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.1
Host: www.example.com 三、#後的字元 在第一個#後面出現的任何字元，都會被浏覽器解讀為位置辨別符。這意味着，這些字元都不會被發送到伺服器端。 比如，下面URL的原意是指定一個顔色值：http://www.example.com/?color=#fff，但是，浏覽器實際發出的請求是：
GET /?color= HTTP/1.1
Host: www.example.com 四、改變#不觸發網頁重載 單單改變#後的部分，浏覽器隻會滾動到相應位置，不會重新加載網頁。 比如，從http://www.example.com/index.html#location1改成http://www.example.com/index.html#location2，浏覽器不會重新向伺服器請求index.html。
五、改變#會改變浏覽器的通路曆史 每一次改變#後的部分，都會在浏覽器的通路曆史中增加一個記錄，使用"後退"按鈕，就可以回到上一個位置。這對于ajax應用程式特别有用，可以用不同的#值，表示不同的通路狀态，然後向使用者給出可以通路某個狀态的連結。值得注意的是，上述規則對IE 6和IE 7不成立，它們不會因為#的改變而增加曆史記錄。
六、window.location.hash讀取#值 window.location.hash這個屬性可讀可寫。讀取時，可以用來判斷網頁狀态是否改變；寫入時，則會在不重載網頁的前提下，創造一條通路曆史記錄。
七、onhashchange事件 這是一個HTML 5新增的事件，當#值發生變化時，就會觸發這個事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支援該事件。 它的使用方法有三種：
- 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 = 異步 JavaScript和XML（标準通用标記語言的子集）。AJAX 是一種用于建立快速動态網頁的技術。
1）連接配接作用：比如
http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1 http://www.xxxxx.com/index.html
http://www.xxxxx.com/index.html?test123123 每天一點點，感受自己存在的意義。
![django短信驗證碼的後端實作[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)