javascript - 引用其他页面上的 VAR

Question

我在一个网站上工作。

目前，该网站会在首页询问您的姓名，并将您的姓名保存在字符串变量中。

var name="";

在他们输入他们的名字并单击“输入站点”后，它会进入一个新页面。在这个新页面上，我希望它说“Hello 'NAME' .. blahblah”。

有没有办法保存 var 名称，以便其他文件从 main.html 中识别它。

以前有人建议将其保存在 cookie 中，但如果我的网站不在线（它只有 .html 文件，当前不是域的一部分），这将起作用。

任何建议将不胜感激，谢谢！

Answer 1

您可以为此使用 cookie。如果您不使用数据库或其他东西，则没有其他方法可以在页面之间传输变量。

为此，您可以使用简单的 jQuery 插件jquery-cookie进行简单调用：

创建 cookie

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

阅读饼干：

$.cookie('the_cookie'); // => "the_value"

您可以在主机中需要的每个页面上执行此操作。

---

已编辑

当然还有本地存储。

Answer 2

您好，您可以尝试使用 javascript 来设置和获取 cookie 值。

     function getCookie(c_name)
       {
        var c_value = document.cookie;
        var c_start = c_value.indexOf(" " + c_name + "=");
        if (c_start == -1)
           {
           c_start = c_value.indexOf(c_name + "=");
           }
        if (c_start == -1)
           {
           c_value = null;
           }
       else
          {
          c_start = c_value.indexOf("=", c_start) + 1;
          var c_end = c_value.indexOf(";", c_start);
          if (c_end == -1)
          {
         c_end = c_value.length;
           }
         c_value = unescape(c_value.substring(c_start,c_end));
           }
         return c_value;
            }

          function setCookie(c_name,value,exdays)
           {
          var exdate=new Date();
          exdate.setDate(exdate.getDate() + exdays);
          var c_value=escape(value) + ((exdays==null) ? "" : ";                   expires="+exdate.toUTCString());
          document.cookie=c_name + "=" + c_value;
          }

          function checkCookie()
           {
           var username=getCookie("username");
          if (username!=null && username!="")
             {
            document.getElementById("welcome").innerHTML="Welcome " + username;

             }
          else 
             {
             username=prompt("Please enter your name:","");
          if (username!=null && username!="")
             {
            setCookie("username",username,365);
             }
           }
        }
    </script>