Question

我必须在java script / HTML中实现以下

第一页（1.html）会有按钮。当用户按下确定按钮时，它应该打开第二页（2.html）。
在第2页（2.html）中，会有一个文本框和按钮。当用户在文本框中输入一些值并按下确定按钮时，该值应该在一页1.html中可用。

如何在java script / Html中执行此操作

Answer 1

有两种跨浏览器方式可以做到这一点，在网址中设置参数或使用Cookie。两者都可以用javascript完成。但是，不知道数据的长度（以及对疯狂长网址的个人偏好），我建议使用cookie。

我发现它通过javascript与cookie交互的最简单方法是使用jQuery cookie插件。 https://github.com/carhartl/jquery-cookie

   //page2
   $('#okButton').click(function(e){
         e.preventDefault();
         var getInput = $('#yourTextInput').val();
         $.cookie('mycookie', getInput);
   });

   //page1
   $.cookie('mycookie'); //this will return the value of yourTextInput

Answer 2

根据您所需的兼容性级别，使用HTML5本地存储功能可能是一个好主意。

在2.html上，使用setItem设置值：

localStorage.setItem('aNameForYourData',data_var);

然后，要在1.html上获取它，请使用getItem：

data_var = localStorage.getItem('aNameForYourData');

如果您需要在不太现代的浏览器中提供支持，请考虑使用Cookie。您可以找到有关使用Cookie here的信息。

使用javascript将值从一个页面传输到另一个页面

2 个答案: