單頁面應用程序案例

http://m.maoyan.com/#type=movies

 

url從/?tmp=movie換成了#

 

1 document.getElementById("b").addEventListener("click", function() {
2             this.href = this.href.replace("?", "#");
3         });

 

---

 

http://m.ctrip.com/webapp/hotel/

 

 

 

 

 

總的來講分爲兩種方式

1./#!/index

/#!/about

---------

/#about

/#index

/#hotel

 

2.history.pushState

history.replaceState

 

 

window.addEventListener("hashchange", function() {}, false);------->特別重要，採用事件冒泡