在頁面之間導航而不更改鏈接

Question

過去曾有人問過這個問題，但我似乎找不到答案。 我想在沒有avec的頁面之間導航以重定向到全新的xxx.html文件。 基本上，我只想保留一個html文件作為index.html

為了理解我的意思，這里是我要實現的功能的小預覽。

預習

如您所見，這件衣服不是其單獨的html文件。 用什么方法可以做到這一點？

Answer 1

您所看到的稱為單頁應用程序。 您可以使用許多框架來創建這樣的頁面。 如果您要使用純HTML / CSS / JavaScript，則正確執行起來會困難得多。

Answer 2

您將必須使用javascript。 您可以一次加載所有內容並僅顯示/隱藏所需的內容，或者可以ajax來獲取內容，然后呈現它而無需重新加載頁面。

Answer 3

您在這里看到的是一個動態網頁，該網頁利用了客戶端技術來產生這種效果。 為了幫助進一步解釋，讓我們快速瀏覽一些Web開發術語：

客戶端：在用戶計算機上執行的代碼（在這種情況下，在其Web瀏覽器中）。

服務器端：在服務器上執行的代碼，然后將某種響應發送到客戶端。

使用服務器端代碼，除非對服務器進行新的調用以獲取新的響應，否則該值無法更改。 這是因為代碼實際上並沒有在用戶正在運行的計算機上運行，​​而是在可能相距數千英里的其他計算機上運行。 但是，使用客戶端代碼，因為代碼實際上在用戶計算機上運行，​​所以可以實時進行動態更改。

當涉及服務器端代碼時，我們作為開發人員有許多選擇。 從理論上講，可以將HTTP響應發送到Web瀏覽器的任何語言都可以用作服務器端語言。 在2018年，基本上所有基本語言都存在！ 話雖如此，當今一些流行的選項包括Python，Ruby，Java和Javascript（Node JS）。

但是，當涉及到客戶端代碼時，我們受到用戶網絡瀏覽器中運行內容的限制。 通常，現代Web瀏覽器僅了解Javascript。 但是，盡管這些年來語言已經變得越來越好，但是有時用純JavaScript編寫代碼有時會很麻煩，因此有些庫可以幫助簡化Java腳本的編寫（例如jQuery），甚至有一些語言可以編譯成Java腳本以添加新的語法和功能（例如Typescript和Coffeescript）。

如果您想開始編寫動態Web應用程序，那么一個不錯的起點是學習JavaScript的基礎知識。 然后，也許開始學習jQuery或Angular或React之類的前端庫。 祝好運！