Html5無刷新修改browser Url的方法
發(fā)布時間：2014-01-15 17:00:55 作者：佚名 
我要評論
我要評論Ajax局部刷新可以通過HTML5的新特性修改browser address，下面為大家介紹下具體的實(shí)現(xiàn)，希望對大家有所幫助
Ajax局部刷新可以通過HTML5的新特性修改browser address。
window.history表示window對象的歷史記錄
window.history.pushState(object, title, new_url) -- 在window.history里新增一個歷史記錄點(diǎn)
window.history.replaceState(object, title, new_url) -- 在window.history替換當(dāng)前page的歷史記錄點(diǎn)
object - 可以擴(kuò)展想要的object
title - 目前所有瀏覽器都不支持
new_url 瀏覽器不會檢查url是否存在，只改變url，url必須同域，不能跨域
eg: original url: www.test.com
window.history.pushState({time: 'test'}, ' ', 'www.test_test.com')
window.history表示window對象的歷史記錄
window.history.pushState(object, title, new_url) -- 在window.history里新增一個歷史記錄點(diǎn)
window.history.replaceState(object, title, new_url) -- 在window.history替換當(dāng)前page的歷史記錄點(diǎn)
object - 可以擴(kuò)展想要的object
title - 目前所有瀏覽器都不支持
new_url 瀏覽器不會檢查url是否存在，只改變url，url必須同域，不能跨域
eg: original url: www.test.com
window.history.pushState({time: 'test'}, ' ', 'www.test_test.com')
相關(guān)文章
詳解HTML5之pushstate、popstate操作history,無刷新改變當(dāng)前url
這篇文章主要介紹了HTML5之pushstate、popstate操作history,無刷新改變當(dāng)前url的相關(guān)資料,需要的朋友可以參考下2017-03-15- 本文主要給大家分享HTML5無刷新改變當(dāng)前url的代碼，需要的的朋友參考下2017-03-15
- 使用ajax實(shí)現(xiàn)表單提交無刷新頁面在項(xiàng)目中經(jīng)常會用到。前一段時間跟著師傅學(xué)到了另外幾種無刷新提交表單的方法，主要是基于iframe框架實(shí)現(xiàn)的?，F(xiàn)在小編整理特此分享腳本之家2016-04-05
HTML5 History API 實(shí)現(xiàn)無刷新跳轉(zhuǎn)
有一次在上**網(wǎng)的時候，發(fā)現(xiàn)登陸、注冊動畫效果非常華麗，但讓我感到震驚的是頁面竟能夠?qū)崿F(xiàn)無刷新跳轉(zhuǎn)，回顧了所學(xué)的前端知識，似乎沒有任何技術(shù)可以實(shí)現(xiàn)這一點(diǎn)，于是百度2016-01-11- 這個仿163網(wǎng)盤無刷新文件上傳系統(tǒng)，并沒有用使用控件，完全的手工制作。 本來覺得這個系統(tǒng)會很復(fù)雜，但把每個部分都分析清楚后，其實(shí)需要的技術(shù)并不高。不過當(dāng)我把各個功2008-11-10
HTML網(wǎng)頁中無刷新的更換CSS樣式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
系統(tǒng)原來的更換CSS模板是要重新刷新一下兒頁面的，我一直都對這個功能很不滿意，百分之九十五的功能都用AJAX無刷新的實(shí)現(xiàn)了，難道要在這個小小的更換頁面CSS模板上給用戶添2008-10-17- 這篇文章主要介紹了HTML5實(shí)現(xiàn)無刷新修改URL的方法,需要的朋友可以參考下2019-11-14