Home > Article > Web Front-end > JavaScript method to transfer values between pages_javascript skills
The example in this article describes how JavaScript implements value transfer between pages. Share it with everyone for your reference. The details are as follows:
The question is as follows:
In the a.html page, the onsubmit event of ff9c23ada1bcecdd1a0fb5d5a0f18437 calls a method foo() to open the b.html page and pass parameters to b.html at the same time. In the method foo(), variable parameters need to be passed to the b.html page. The b.html page accepts parameter values, but server-side technology cannot be used.
The solution code is as follows:
a.html page is as follows:
<html> <head> <title> demo </title> <meta name="Author" content="xugang" /> <script type="text/javascript"> function foo(){ var a ="abc"; // a为变量值 var str = "b.html?id="+a+";"; //alert(document.frm.action); //方案一(无效) // document.frm.action = str; //方案二(无效) // window.location.href = str; //方案三(有效) window.location.replace(str); return false; } </script> </head> <body> <FORM name="frm" method="get" onsubmit = "return foo()" > <INPUT TYPE="SUBMIT" /> </FORM> </body> </html>
Note: The b.html page must exist in advance.
b.html The code to obtain the parameter value is as follows:
b.html part of the code
var getQueryString = function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return r[2]; return ""; }
Supplement:
myjs.js code:
function foo(){ var str = "abc"; //document.forms[0].hid.value = str; var frm = window.event.srcElement; frm.hid.value = str; return true; }
a.html code:
<html> <head> <title> demo </title> <meta name="Author" content="xugang" /> <script src="myjs.js"></script> </head> <body> <FORM name="frm" METHOD="get" ACTION="b.html" onsubmit="return foo()"> <INPUT TYPE="hidden" id="hid" name="hid"> <INPUT TYPE="submit" value="提交"> </FORM> </body> </html>
Note: When passing a value to the b.html page, the b.html page must already exist!
b.html code:
<HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(decodeURIComponent(location.search.substr(3))); </SCRIPT> </BODY> </HTML>
I hope this article will be helpful to everyone’s JavaScript programming design.