如何使用javascript将内容传递到新页面?

如何使用javascript将内容传递到新页面?,javascript,html,css,Javascript,Html,Css,我正在尝试将var或list之类的内容传递到新页面 所以,我有两个页面名为a.html和b.html 这是a.html var aaa=1; var bbb=[2,3,4]; 函数newPage{ window.openb.html; } 您不能在页面之间直接共享变量,但有几个选项可用于移动信息: 在url中包含查询参数,即,不导航到b.html,而是导航到b.html?param=value并在document.location之外解析它们 设置cookie可能不适用于本地文件,我从未尝试过

我正在尝试将var或list之类的内容传递到新页面

所以,我有两个页面名为a.html和b.html

这是a.html

var aaa=1; var bbb=[2,3,4]; 函数newPage{ window.openb.html; }
您不能在页面之间直接共享变量,但有几个选项可用于移动信息:

在url中包含查询参数,即,不导航到b.html,而是导航到b.html?param=value并在document.location之外解析它们 设置cookie可能不适用于本地文件,我从未尝试过 看看HTML5本地存储选项,有几个,但我也不确定它们对本地文件的效果如何,如果相关的话
在javascript页面之间共享数据的一种方法是使用和

在第a.html页中:

在第b.html页:

可以使用键字符串存储变量。此键字符串可以是任何有效字符串

localStorage.setItem("my_data",aaa);
localStorage.setItem("email","any@email.com");
localStorage.setItem("cat1Lives",7);
但是您必须使用设置它们时使用的同一个键再次读取它们

var data = localStorage.getItem("my_data");
var email = localStorage.getItem("email");
var cat = localStorage.getItem("cat1Lives");

使用查询参数或会话存储如果要打开新选项卡/窗口,可以在URL中传递值。b、 html?查询=queryvalue@CertainPerformance在URL中是否有查询参数,如b.html?name=jack&leet=true?@JackBashford Yep,当然,像那样,必须正确序列化/反序列化对象。您可以将变量存储在localStorage中,稍后从任何其他页面访问它们谢谢您的回答。但是你能告诉我关于查询参数的细节吗?因为我不知道如何使用jQuery。你能用例子告诉我吗?你不需要使用jQuery来访问查询参数。非常感谢。真的很容易!你帮了我很多:我帮了。但我有一个问题。有localStorage.setItemaaa,aaa;。什么是第一个aaa和第二个aaa?它们之间有什么不同?@HoseongJeon第一个aaa是变量的名称。它可以是任何东西。只要你能记得以后把它从仓库里拿出来。我刚才在你的问题中使用了相同的变量名。@HoseongJeon你可以说localStorage.setItemmy data,aaa;哦,那么你是说像我的数据里面的字符串是getItem中使用的变量名,而没有像aaa的字符串是a.html中使用的真正变量名?
localStorage.setItem("my_data",aaa);
localStorage.setItem("email","any@email.com");
localStorage.setItem("cat1Lives",7);
var data = localStorage.getItem("my_data");
var email = localStorage.getItem("email");
var cat = localStorage.getItem("cat1Lives");