如何使用javascript将值从一个html页面传递到另一个html页面

Question

在第一页中我在文本框中获取值我需要将其传递给另一个分为2帧的页面。 我需要在第一帧的html页面中显示该值。 请给我一个简单的例子。 我尝试使用window.document.getElementById（“inputbox1”）。value但我无法获取值。

请给我一个简单的例子。

Answer 1

我会选择localStorage，就像@MicrosoftGoogle提议的那样，但是还没有得到很好的支持，你可以使用纯javascript来实现这一点。 您将在表单页面上看到类似的内容：

<form action="param-received.html" method="GET">
   <input type="text" id="foo" name="foo">
   <input type="submit" value="Send" name="submit" id="submit">
</form>

点击“发送”按钮后，您将重定向到/param-received.html?foo=hola&submit=Send 。

• location.search属性包含参数链。
• ？ 连接URL和参数字符串。
• ＆分隔多个参数。
• =为变量赋值。

以下是处理param-received.html上发送的数据的完整代码：

<script language="JavaScript">
  function processForm()
  {
    var parameters = location.search.substring(1).split("&");
    var temp = parameters[0].split("=");
    l = unescape(temp[1]);
    alert(l); //Dialog with the text you put on the textbox
  }
  processForm();
</script>

Answer 2

将值写入cookie并从其他页面读取cookie。

如需写作和阅读cookies，请点击此处

Answer 3

如果url参数是一个选项，你可以使用它

function getParameter(param) {
                var val = document.URL;
                var url = val.substr(val.indexOf(param))  
                var n=parseInt(url.replace(param+"=",""));
                alert(n+1); 
}
getParameter("page");

参考http://bloggerplugnplay.blogspot.in/2012/08/how-to-get-url-parameter-in-javascript.html

另一个可能是饼干

---

被殴打到饼干部分：p

编辑确实不是一个好的cookie参考这个更好http://www.w3schools.com/js/js_cookies.asp

Answer 4

您可以使用请求的GET部分或cookie

Answer 5

function getValue(varname)
                {
                    var url = window.location.href;
                    var qparts = url.split("?");

                    if (qparts.length == 1)
                    {
                        return "";
                    }
                    else{
                        var query = qparts[1];
                        var vars = query.split("&");
                        var value = "";
                        for (i=0;i<vars.length;i++)
                        {
                            var parts = vars[i].split("=");
                            if (parts[0] == varname)
                            {
                                value = parts[1];
                                break;
                            }
                        }
                        value = unescape(value);

                        // Convert "+"s to " "s
                        value.replace(/\+/g," ");
                        return value;
                    }

                }
var VariableGot = getValue(YourPassingVariableName);

只需将函数复制到您的html文件中，并将您的变量名称传递给通过GET Method.Now发送的函数。您将从url获取变量的值。