HTML5 修改瀏覽器url而不重新整理頁面

2021-06-07 13:54:17 字數 791 閱讀 4762

嘛,起因是黑子大叔在微博上的一條@資訊,找起了這個的實現,看了一圈google的中文資訊內似乎還沒有怎麼提到這個的內容,就發表上來。

**方面很簡單,只要在需要修改url的地方插入一行:

window.history.pushstate(,

'title'

, urlpath)

;

即可在歷史記錄裡面產生乙個新的歷史記錄(另乙個replacestate方法引數完全相同,只是替代掉當前的狀態)。

在體驗上,非常接近於使用錨點(window.location = 「#foo」;),但是mozilla的文件提出了以下三點好處:

(翻譯&描述的有點彆扭,見笑了,不過其實應該自己也能體會到這些好處才是)

我自己實現的乙個例子:

**:

<?phpif (

!isset

($_request

['page'])

)elseif(

isset

($_request

['ajaxload'])

)頁的內容"

;die;}

?>

<?php

echo

"第頁的內容"

;?>

<?php

echo

$page+1

; 載入中

mozilla的文件

stackoverflow上的相關問題:

HTML5 修改瀏覽器url而不重新整理頁面

嘛,起因是黑子大叔在微博上的一條 資訊,找起了這個的實現,看了一圈google的中文資訊內似乎還沒有怎麼提到這個的內容,就發表上來。方面很簡單,只要在需要修改url的地方插入一行 window.history.pushstate title urlpath 即可在歷史記錄裡面產生乙個新的歷史記錄 另...

HTML5 修改瀏覽器url而不重新整理頁面

嘛,起因是黑子大叔在微博上的一條 資訊,找起了這個的實現,看了一圈google的中文資訊內似乎還沒有怎麼提到這個的內容,就發表上來。方面很簡單,只要在需要修改url的地方插入一行 window.history.pushstate title urlpath 即可在歷史記錄裡面產生乙個新的歷史記錄 另...

HTML5 移動瀏覽器支援

全文完 以下為廣告部分 如果您想看下您的 https部署的是否安全,花1分鐘時間來 myssl.com 檢測以下吧。讓您的https 變得更安全!ssl檢測評估 快速了解https 安全情況。安全評級 a a a 行業合規檢測 證書資訊檢視 證書鏈資訊以及補完 伺服器套件資訊 證書相容性檢測等。ss...