2017-06-22 288 views
1

當尋找更改頁面而不刷新所有內容的方式時,我發現了歷史記錄API。HTML5 - 歷史記錄API

顯然,可以創建鏈接來更改頁面的一部分並對歷史產生影響。例如,此鏈接可以通過此鏈接將我從myaddress.com發送到myaddress.com/page.html,並僅更新子頁面。

但是,我怎麼能得到的網址myadress.com/page.html直接進入正確的頁面與子頁面以外的所有內容?

下面的演示(不是我)做內容替換而不是例如URL路由:https://html5demos.com/history/

我想如果可能的話,以避免URL重寫和jQuery。

回答

1

如果您首先使用常規鏈接並且沒有JavaScript,那麼您可以這樣做。

一般會涉及與模板的服務器端語言(這樣就可以避免重複的內容(如菜單),該頁面之間共享。

你可以只雖然創建靜態HTML文件。

+0

你意思是在子頁面中添加require_once,例如?這並不意味着整個頁面被重新加載? – vcuongvu

+0

「你的意思是通過在子頁面中添加require_once?」 - 這將是一種將共享內容包含在多個頁面中的方法 – Quentin

+0

「這不是說整個頁面都重新加載?」 - 不。當你用JS更新頁面時,你應該只更新不同的內容。你應該只加載整個事情,如果你從頭開始加載頁面(即通過直接訪問URL而不是通過'pushState') – Quentin