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

Hos*_*eon 0 html javascript css

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

所以,我有两个页面的名称a.htmlb.html.

这是a.html,

<html>
<head>
	<script language="Javascript">
		var aaa = 1;
		var bbb = [ 2, 3, 4 ];
		function newPage() {
			window.open("b.html");
		}
	</script>
</head>
<body>
	<input type="button" value="click me" onclick="newPage()">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是b.html.

<html>
<head>
	<script language="Javascript">
	</script>
</head>
<body>
	
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想要做的是使用var aaalist bbbb.html.

我已经搜索过来解决这个问题,但我无法理解.

你能给我一个解决这个问题的答案吗?

ps我不知道如何使用jQuery.

Ahm*_*mad 5

在javascript中在页面之间共享数据的一种方法是使用localStorage.setItem()localStorage.getItem().

在页面中a.html:

var aaa = 1;
var bbb = [ 2, 3, 4 ];
localStorage.setItem("aaa",aaa);  // store that value
localStorage.setItem("bbb",bbb);
Run Code Online (Sandbox Code Playgroud)

并在页面中b.html:

var aaa = localStorage.getItem("aaa");   // read that value back.
var bbb = localStorage.getItem("bbb");
Run Code Online (Sandbox Code Playgroud)

您可以使用键字符串存储变量.这个键字符串可以是任何有效的字符串.

localStorage.setItem("my_data",aaa);
localStorage.setItem("email","any@email.com");
localStorage.setItem("cat1Lives",7);
Run Code Online (Sandbox Code Playgroud)

但您必须使用用于设置它们的相同密钥再次读取它们.

var data = localStorage.getItem("my_data");
var email = localStorage.getItem("email");
var cat = localStorage.getItem("cat1Lives");
Run Code Online (Sandbox Code Playgroud)