URL中的哈希(#號)

　　單頁應(yīng)用只有一個頁面，視圖的變化通常是通過路由(route)來驅(qū)動，首先，我們先來談一談單頁應(yīng)用的URL中的#號，很多采用單元結(jié)構(gòu)網(wǎng)站的URL都出現(xiàn)了這個符號。

　　#號在瀏覽器的URL中是一個錨點，在當(dāng)前頁改變#號的參數(shù)，頁面會跳轉(zhuǎn)到錨點所在的位置，通過JavaScript我們可以獲取到#號后的參數(shù)：

　　1

　　2

　　location.hash // 獲取URL hash

　　location.hash = "#list" //改變URL hash

　　改變#號后的參數(shù)，頁面并不會重載，于是大多數(shù)的單頁架構(gòu)網(wǎng)站，都在URL中采用#號來作為當(dāng)前視圖的URL地址，例如：

　　1

　　2

　　3

　　example.com/#index  //首頁視圖

單網(wǎng)頁生成工具 　　example.com/#list   //列表頁視圖

　　example.com/#list/1   //id為1的列表信息的視圖

　　Backbone.js就是通過改變#號參數(shù)來組織視圖SEO單網(wǎng)頁網(wǎng)站生成器，這里有一個demo可以很直觀的體驗URL的變化。

　　看過這個demo，你或許會發(fā)現(xiàn)很熟悉的符號#!，Twitter曾在URL使用這個標(biāo)識。這個標(biāo)識是Google提出(AJAX 抓取：網(wǎng)站站長和開發(fā)人員指南1)：

　　因為復(fù)雜的單頁架構(gòu)頁面，對Google來說抓取比較困難，于是給開發(fā)者制定一個規(guī)范：