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

时间:2012-11-20 09:38:24

标签: javascript html

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

请给我一个简单的例子。

5 个答案:

答案 0 :(得分:9)

我会选择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>

答案 1 :(得分:0)

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

对于写和读cookie,请检查here

答案 2 :(得分:0)

如果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");

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

另一个可能是cookies


被打到了cookie部分:p

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

答案 3 :(得分:0)

您可以使用请求的GET partcookies

答案 4 :(得分:0)

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获取变量的值。