使用Localstorage存储和检索从一个html页面到另一个html页面的javascript变量(DOM)

Question

我有一个html页面1.html,我想获得一些文本内容并js.js使用jquery 将其存储到文件中以获取id的文本.

此代码只能在1.html页,在这里我想从复制文本,但不是在2.html文件中.

这是我的代码.请注意,如果我将文本存储在localstorage setter第二个参数中,它就可以工作.

 $( document ).ready(function() {
         var c1Title= $('#r1c1Title').text();

//changing c1Title to any String content like "test" will work

    localStorage.setItem("t1",c1Title);
        var result = localStorage.getItem("t1");

        $("#title1").html(result);
        alert(result);
    });

这是我在Github上工作的完整演示:

Answer 1

您需要使用localStorage或cookie.

随着localStorage

在第一页上,使用以下代码:

localStorage.setItem("variableName", "variableContent")

这variableName为域设置了localStorage变量和内容variableContent.您可以将这些名称和值更改为您想要的任何名称和值,它们仅用作示例

在第二页上,使用以下代码获取值:

localStorage.getItem("variableName")

这将返回存储的值variableName,即variableContent.

笔记

• 您可以在localStorage中存储的数据量限制为5MB.
• 您可以使用删除项目localStorage.removeItem("variableName").
• 根据您所处的位置,您可能需要查看Cookie政策(这会影响在计算机上存储数据的所有形式的网站,而不仅仅是Cookie).这很重要,否则使用任何这些解决方案可能都是非法的.
• 如果你只是想存储数据,直到用户关闭浏览器,你可以使用的sessionStorage代替(只是改变localStorage到sessionStorage在你的代码的所有实例)
• 如果您希望能够在服务器上使用变量值,请使用cookie - 检查MDN上的cookie
• 有关localStorage的更多信息,请查看有关MDN的这篇文章,或W3Schools 上的这篇文章