如何使用JavaScript突出显示和保存HTML中的文本？

我想突出显示文本并保存所选内容，以便下次查看页面时，它将以相同的文本突出显示

我试图获取所选文本的索引，但该索引仅与HTML标记相关，而与所有页面文本无关。这就是我所拥有的：

<script>
    function highlight() {
       range = window.getSelection();
       var st = range.anchorOffset;
       var en = range.focusOffset - range.anchorOffset;
       alert(st);
       alert(en);
    }
</script>

函数高亮显示（）{
range=window.getSelection（）；
var st=范围.AnchoroOffset；
var en=range.focusOffset-range.anchorooffset；
警报（st）；
警报（en）；
}

---

我不知道如何获取选定的文本属性，这些属性可以帮助我在下一次打开HTML文件时保存突出显示。

以下是我的发现。供参考

JS:

---

否我想保存突出显示模式意味着我想保存背景色，并将其放入所选文本。您能提供一个HTML示例吗？我不想获取所选文本，我想保存我的文本突出显示。如果我想突出显示所选文本，那么当我关闭HTML文件并再次打开它时，我想加载突出显示的颜色同样，因为在我关闭HTML文件时，正常的突出显示会被删除。

var copiedText = "";

$(function(){

    $("button").click(function(event){
        getSelectionText();
        alert(copiedText);
    });
});

function getSelectionText() {
    if (window.getSelection) {
        copiedText = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        copiedText = document.selection.createRange().text;
    }
}