通过使用 java 脚本，我如何将值从一个 html 页面传递到另一个 html 页面？ [复制]答案

【问题标题】：By using java script how can i pass values from one html page to another html page? [duplicate]通过使用 java 脚本，我如何将值从一个 html 页面传递到另一个 html 页面？ [复制]
【发布时间】：2017-03-02 05:58:34
【问题描述】：

使用 javascript 将值从一个 html 页面传递到另一个 html 页面以下是我的代码：第一个页面为 html1.html:

<!DOCTYPE html>
  <html>
   <head>
    <script>
       function newDoc() 
       {
       window.location.assign("html2.html");
       }
    </script>
   </head>
      <body>
         <input type="button" value="submit" onclick="newDoc ()">
      </body>
  </html>

而第二个html代码为html2.html：

<!DOCTYPE html>
  <html>
    <head>
      <script>
        function newDoc()
        {
         window.location.assign("html1.html");
        }
      </script>
     </head>
      <body>
         <input type="button" value="submit" onclick="newDoc ()">
      </body>
    </html>

【问题讨论】：

也许你可以尝试将值存储在localStorage
使用一些cookies？
为什么不简单地使用 POST 或 GET？
阅读文档。 w3schools.com/js/js_cookies.asp

标签： javascript html

【解决方案1】：

在 html 中，我们可以使用 iframe 将其他文件加载到一个 html 文件中

    <body>

      <iframe src="html2.html">

      </iframe>

   </body>

我们可以使用 jquery 函数将文件加载到某个特定的 div 中。

     <script> 
       $(function(){
        $('#header').load("header2.html"); 
       });
     </script>

【讨论】：

【解决方案2】：

在 javascript 中，window.location 对象具有 search 属性。因此，如果您的位置是http://example.com/html1.html?foo=bar，那么您的window.location.search 就是?foo=bar (console.log(window.location))。

如何解析search字符串：How can I get query string values in JavaScript?

【讨论】：

【解决方案3】：

如果您要传递的变量对您的应用程序很重要，那么最好将其存储在 localStorage/sessionStorage 或 cookie 中。

【讨论】：