如何使用 jQuery 卸載/加載頁面？

Question

這是我想用 jQuery 實現的目標。

1. 首先，我想將整個頁面的副本保存在變量中。
2. 然后，我想用另一個 html 文件或 URL 中的加載頁面替換當前加載的頁面，而不重定向到該頁面。
3. 完成加載后，我想將頁面替換為原來的頁面（步驟 1 中的變量）。

Answer 1

問的問題

1. At it's simplest (and this is a gross simplification that will lose state like event handlers, iframe state, shadow DOM etc.) you "save a copy" of the page's HTML by using .html() on the root element ( html or body例如）。

2. 您可以將整個頂級元素替換為來自另一個 HTML 文件或 URL 的固定內容，方法是將數據提供給相同的.html(data) function。

3. 您可以使用在步驟 1 中保存的數據重復步驟 2 來恢復原始內容。

// Step 1 - save old page
const oldPage = $('html').html();

// result of fetch() or fixed HTML from file
// const newHTML = ...

// Step 2 - load new page
$('html').html(newHTML);

// Step 3 - restore old page
$('html').html(oldPage);

你可能真正想要的

如果您只關心用戶看不到舊頁面，您可能希望將所有 UI 包裝在一個可以將display屬性設置為none的div中。 您也可以將新 UI 元素覆蓋在舊 UI 元素之上，可能包裹在具有純色背景的容器中（以防止舊 UI 元素通過透明背景顯示）。