One: JavaScript static page value pass the URL Chapter
Can pass the URL to the value. Connect the information you want to pass to the URL.
Post.htm
Copy CodeThe code is as follows:
<input type= "text" name= "username" >
<input type= "text" name= "Sex" >
<input type= "button" value= "Post" >
<script language= "JavaScript" >
function Post ()
{
Single value Read.htm?username=baobao;
Multiple full value read.htm?username=baobao&sex=male;
url = "Read.htm?username=" +escape (Document.all.username.value);
URL + = "&sex=" + Escape (document.all.sex.value);
Location.href=url;
}
</script>
Read.htm
Copy CodeThe code is as follows:
<script language= "JavaScript" >
/*
*---------------read.htm-----------------
* Request[key]
* Function: Implement ASP Get URL string, Request ("AAA")
* Parameters: Key, String.
* Example: Alert (request["AAA"])
*---------------request.htm-----------------
*/
var Url=location.search;
var Request = new Object ();
if (Url.indexof ("?")! =-1)
{
var str = URL.SUBSTR (1)//Remove No.
STRs = Str.split ("&");
for (Var i=0;i<strs.length;i++)
{
Request[strs[i].split ("=") [0]]=unescape (strs[i].split ("=") [1]);
}
}
Alert (request["username"])
Alert (request["Sex"])
</script><script language= "JavaScript" >
<!--
function Request (strName)
{
var strhref = "www.jb51.net/index.htm?a=1&b=1&c= test test";
var intpos = Strhref.indexof ("?");
var strright = strhref.substr (intpos + 1);
var arrtmp = Strright.split ("&");
for (var i = 0; i < arrtmp.length; i++)
{
var arrtemp = Arrtmp[i].split ("=");
if (arrtemp[0].touppercase () = = Strname.touppercase ()) return arrtemp[1];
}
Return "";
}
Alert (Request ("a"));
Alert (Request ("B"));
Alert (Request ("C"));
-
</script>
<script>
String.prototype.getQuery = function (name)
{
var reg = new RegExp ("(^|&)" + name + "= ([^&]*) (&|$)");
var r = this.substr (This.indexof ("?") +1). Match (REG);
if (r!=null) return unescape (r[2]); return null;
}
var str = "www.jb51.net/index.htm?a=1&b=1&c= test test";
Alert (Str.getquery ("a"));
Alert (Str.getquery ("B"));
Alert (Str.getquery ("C"));
</script>
Advantages: It is convenient to take the value. You can cross domains.
Disadvantage: There is a limit to the value length
Second: JavaScript static page value pass the cookie
A cookie is a browser that stores a small amount of named data.
It is associated with a particular Web page or site.
Cookies are used to provide memory to the browser,
So that scripts and server programs can use the input data of another page in one page.
Post.htm
Copy CodeThe code is as follows:
<input type= "text" name= "Txt1" >
<input type= "button" value= "Post" >
<script language= "JavaScript" >
function Setcookie (name,value)
{
/*
*---------------Setcookie (name,value)-----------------
* Setcookie (Name,value)
* Function: Set the value of the variable name
* Parameters: Name, string, value, String.
* Example: Setcookie (' username ', ' Baobao ')
*---------------Setcookie (name,value)-----------------
*/
var days = 30; This cookie will be saved for 30 days
var exp = new Date ();
Exp.settime (Exp.gettime () + days*24*60*60*1000);
Document.cookie = name + "=" + Escape (value) + "; expires=" + exp.togmtstring ();
Location.href = "read.htm"; Receive the page.
}
</script>
Read.htm
Copy CodeThe code is as follows:
<script language= "JavaScript" >
function GetCookie (name)
{
/*
*---------------GetCookie (name)-----------------
* GetCookie (name)
* Function: Gets the value of the variable name
* Parameters: Name, String.
* Example: Alert (GetCookie ("Baobao"));
*---------------GetCookie (name)-----------------
*/
var arr = Document.cookie.match (New RegExp ("(^|)" +name+ "= ([^;] *)(;|$)"));
if (arr!=null) return unescape (arr[2]); return null;
}
Alert (GetCookie ("Baobao"));
</script>
Advantage: can be accessed within any Web page within the same origin. Life can be set.
Disadvantage: There is a limit to the value length.
Three: window.open of JavaScript static page value passing
There is a relationship between the two windows. Parent Window parent.htm Open child window son.htm
The child window can point to the parent window through Window.opener. This allows access to the parent window's object.
Post.htm
Copy CodeThe code is as follows:
<input Type=text name=maintext>
<input Type=button value= "Open" >
Read.htm
<script language= "JavaScript" >
window.open the open window.
Use opener to point to the parent window.
var parenttext = Window.opener.document.all.maintext.value;
alert (Parenttext);
</script>
Advantages: The value is convenient. As long as Window.opener points to the parent window, you can access all objects. You can access not only the value, but also the method of the parent window. The value length is unlimited.
Cons: Two window to have a relationship. is a window opened with window.open. Cannot cross domain.
Static interface-pass-value JavaScript
