如何在重新加载浏览器后保留Javascript上的文本更改？

我对Javascript非常陌生。我从头开始创建了我的第一个代码，我所做的是，当屏幕宽度达到900px时，选项卡上较长的文字将被较短的文字替换

以下是选项卡中的标题： 信用专家vs信用评分进入信用专家vs评分 我们如何帮助别人变成了我们如何帮助别人

当我调整浏览器的大小时，它确实起作用，但是，当我刷新它时，它会恢复到较长的文字。有没有一种方法可以在刷新后仍保留它

另外，请记住，我不能使用CSS或媒体查询，因为jQuery选项卡使其无法在检测到宽度小于900px时删除较长的文字

这是网页：

这是我的Javascript代码：

$document.readyfunction{ 函数校验宽度{ 如果$window.width<900{ $'li.cvc'。文本“信用专家vs分数”； $'li.hwh'。文本“我们如何帮助”； }否则{ $'li.cvc'。文本“信用专家与信用评分”； $'li.hwh'。文本“我们如何帮助人们”； } } $window.resizecheckWidth； }; 您只需要在第一次加载页面时调用checkWidth，以便在调整页面大小之前应用逻辑

$(document).ready(function(){
    function checkWidth() {
        if ($(window).width() < 900) {
            $('li.cvc').text('Credit Expert vs Score');
            $('li.hwh').text('How we help');
        } else {
            $('li.cvc').text('Credit Expert vs Credit Score');
            $('li.hwh').text('How we help people');
        }
    }
    $(window).resize(checkWidth);
    checkWidth();
});

---

在页面加载时运行checkWidth一次，以便：

$(window).resize(checkWidth);
checkWidth();

您可以使用在页面加载时调用函数

$(window).resize(checkWidth).triggerHandler('resize');

---

只需调用checkWidth；函数式

$(document).ready(function(){
function checkWidth() {
    if ($(window).width() < 900) {
        $('li.cvc').text('Credit Expert vs Score');
        $('li.hwh').text('How we help');
    } else {
        $('li.cvc').text('Credit Expert vs Credit Score');
        $('li.hwh').text('How we help people');
    }
}
$(window).resize(checkWidth);
checkWidth();
});

调查这件事。