如何使用 jQuery 將 span 標記添加到選定文本並將更改永久保存在本地 html 文件中？

Question

我在本地創建了 html 文件中的注釋，並打算僅在我的計算機本地使用該文件。 假設我有一個代碼

<p> this is an example text</p>

我想在瀏覽器中選擇單詞示例，最好按快捷方式將代碼更改為

<p> this is an <span class="highlight">example</span> text</p>

並將此更改保存在同一個 html 文件中。

特別是，我不知道如何在同一個本地 html 文件中保存更改。

編輯：我打算將此筆記僅用於個人用途，並將僅作為 .html 文件本地存儲在我的計算機中。

Edit2：這可以使用php來實現嗎？

Answer 1

但我不知道如何在同一個本地 html 文件中保存更改。

您無法從瀏覽器更改 HTML/JS/CSS 文件的源代碼。 它對您的應用程序構成嚴重的安全風險，因此將被瀏覽器禁止。

如果您想記住您進行了此更改，請在 localstorage 或 cookie 中保存一個值，以便您的程序在啟動時讀取此值，並在沒有用戶事件的情況下在您的標記中進行更改。

Answer 2

您不能僅使用 HTML 寫入文件系統 - 但是您可以使用 JS 生成對服務器端腳本（即 PHP/Node/等）的 AJAX 請求，該請求又寫入文件。

您可以通過訪問您對 DOM 所做的document.body.parentNode.innerHTML更改來檢索大部分內容，因為加載頁面應該反映在此處。 值得注意的是，此屬性不包含 HTML 標記或 DTD - 它僅包含 head 和 body 標記，因此您需要確保將它們添加到服務器端腳本中。