防止重新加載頁面的某些部分

Question

我對網絡開發還很陌生，所以我沒有太多經驗。 我目前在我的網站頂部有一個導航欄（由Foundation制作），但我不希望每次頁面重新加載時重新加載。 我注意到在幾個網站上，當點擊鏈接並且網址發生變化時，頁面的某些部分會保留在原位。 我怎樣才能做到這一點？

謝謝

Answer 1

有幾種方法可以實現這一目標。 使用AJAX調用就是其中之一，iframe是另一個。 您甚至可以創建單頁應用程序並在單擊某些按鈕時顯示/隱藏元素。 但是這會強制您一次加載所有數據，所以我不建議這樣做（取決於網站）。

一篇關於如何使用iframe選項的小文章。

一篇關於AJAX選項的小文章，它們包含一個小型演示，展示它是如何工作的。

Answer 2

您可以在代碼中設置<iframe> ，並在導航中定位鏈接。 當您點擊鏈接時， <iframe>將加載新內容，但頁面的其余部分不會更改。