我怎麼可以讓我的網頁上顯示的一樣的Grooveshark頁
http://grooveshark.com/#!/popular
有沒有教程或東西,知道如何做到這一點的方式用於顯示的jQuery或JavaScript的網頁?#!哈希標籤和感嘆號鏈接爲文件夾?
回答
url中的散列和感嘆號稱爲hashbang,通常用於JavaScript應用程序,其中javascript負責實際加載頁面。散列之後的內容永遠不會發送到服務器。例如,如果你有網址example.com/#!recipes/bread
。在這種情況下,example.com中的頁面將從服務器獲取,這可能包含一段javascript。然後該腳本可以從location.hash
中讀取,並加載頁面/recipes/bread
。
Google也將此URL方案識別爲AJAX網址,並嘗試從服務器獲取內容,因爲它將由您的JavaScript呈現。如果您打算使用此技術製作網站,請查看google's AJAX crawling documentation for webmasters。另外請記住,你不應該依靠JavaScript被啓用,因爲012b
在許多網站hashbang正在使用,即使如果javascript做路由。這是可能的,因爲所有主流瀏覽器都支持history API。爲此,他們讓網站上的每個路徑都返回相同的Javascript,然後查看要在內容中加載的實際url。當用戶點擊一個鏈接時,JavaScript截獲click事件,並使用History API將新頁面推送到瀏覽器歷史記錄中,然後加載新內容。
Thanx很多的信息:) –
不客氣, – bigblind
- 1. 批處理 - EnableDelayedExpansion,感嘆號和文件/文件夾名稱
- 2. Codeigniter urlencode感嘆號鏈接不工作
- 3. 文件夾圖標中的紅色感嘆號
- 4. cmd和感嘆號
- 5. JavaScript的哈希標籤鏈接
- 6. 雙鏈感嘆號所需的括號?
- 7. 雙感嘆號?
- 8. 感嘆號
- 9. 的感嘆號
- 10. jquery鏈接和URL哈希
- 11. Beautifulsoup和哈希鏈接#
- 12. Swift圖標徽章編號感嘆號
- 13. 針對Xcode中的文件感嘆號(!)
- 14. 感嘆號錯誤?
- 15. 感嘆號衝突
- 16. 感嘆號在VB.NET
- 17. 爲什麼JSP文件在文件名中有感嘆號?
- 18. 爲文件夾創建哈希
- 19. 阿卡Scala中,感嘆號和問號
- 20. TortoiseSVN導致文件夾圖標上帶有感嘆號的紅色圓圈
- 21. 將Twitter哈希標籤變成鏈接並鏈接到可點擊的鏈接
- 22. Tweet哈希標籤
- 23. Fancybox 2哈希標籤鏈接不顯示標題屬性
- 24. 哈希錶鏈接
- 25. 鏈接到以哈希符號開頭的PNG文件
- 26. 符號鏈接鏈接文件夾
- 27. 隱藏符號鏈接文件夾到硬鏈接文件夾
- 28. 如果把感嘆號時方法鏈接
- 29. scrapy/xpaths/regex:正確的xpath/re忽略「鏈接感嘆號」
- 30. Twitter爲什麼在網址中使用哈希和感嘆號,他們如何重寫搜索網址?
我在回答中加入了一些提示,如果您想使用此技術創建網站,您可能會發現有用。 – bigblind