Javascript 使用java脚本将值从一个页面传输到另一个页面

Javascript 使用java脚本将值从一个页面传输到另一个页面,javascript,Javascript,我必须用java脚本/HTML实现以下内容 第一页(1.html)将有一个按钮。当用户按下ok按钮时,它将打开第二页(2.html) 在第2页(2.html)中将有一个文本框和按钮。当用户在文本框中输入一些值并按下ok按钮时,该值应在1.html页面中可用 如何在java脚本/Html中实现这一点取决于所需的兼容性级别,使用HTML5本地存储功能可能是一个好主意 在2.html上,使用setItem设置值: localStorage.setItem('aNameForYourData',data

我必须用java脚本/HTML实现以下内容

  • 第一页(1.html)将有一个按钮。当用户按下ok按钮时,它将打开第二页(2.html)

  • 在第2页(2.html)中将有一个文本框和按钮。当用户在文本框中输入一些值并按下ok按钮时,该值应在1.html页面中可用


  • 如何在java脚本/Html中实现这一点取决于所需的兼容性级别,使用HTML5本地存储功能可能是一个好主意

    在2.html上,使用
    setItem
    设置值:

    localStorage.setItem('aNameForYourData',data_var);
    
    data_var = localStorage.getItem('aNameForYourData');
    
    然后,使用
    getItem
    在1.html上获取它:

    localStorage.setItem('aNameForYourData',data_var);
    
    data_var = localStorage.getItem('aNameForYourData');
    

    如果你需要在不太现代的浏览器中支持,考虑Cookie。您可以找到有关使用cookie的信息。

    有两种跨浏览器的方法可以做到这一点,在url中设置参数或使用cookie。这两项都可以通过javascript实现。然而,由于不知道数据的长度(以及个人对超长URL的偏好),我建议使用cookie

    我发现它通过javascript与cookie交互的最简单方法是使用jQuery cookie插件