整理了一下有关html资料,和动态页面参数传递类似,传递方法可以分为两类:Post和Get。
Post方式就是用表单将获取的信息传递给目标页面,Get方式就是直接在网址后加上内容。
一、Post方法实现:
这段为1.htm
复制代码 代码示例:
<html>
<body>
<form name="form1" method="GET" action="2.htm">
输入名字: <input type="text" name="u">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
这段存为2.htm
复制代码 代码示例:
<html>
<head>
<SCRIPT LANGUAGE="
javascript">
var request={
QueryString : function(val)
{var uri = window.location.search;
var re = new RegExp("" +val+ "=([^&?]*)", "ig");
return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null); }
}
var u = request.QueryString("u");
var l = request.QueryString("l");
document.writeln("Hello! " + u);
//-->
</SCRIPT>
</head>
<body>
</body>
</html>
运行结果是在1.htm输入酒红色的爱人,2.htm页面上写出“Hello,酒红色的爱人”。
二、Get方法实现
这段存为3.htm
复制代码 代码示例:
<body bgcolor="#FFFFFF" text="#000000">
<a href="4.htm?id=123">4.htm?id=123</a>
</body>
这段存为4.htm
复制代码 代码示例:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
url = document.location.href;
get = url.split("?")[1];
//得到当前网页的URL
para = null;
//为了防止当页面没有外部变量时程序出错,因此将para的值设为空
if(get!=null && get.length>0){
para = get.split("&");}
//以“&”为分割符获得变量字符串
for(i=0; para!=null && i<para.length;i++){
vars = para[i].split("=");
eval_r("var "+vars[0] +"='"+vars[1]+"'");}
//将值代入对应的变量名中
alert("传递的参数id值为"+vars[1]);
</SCRIPT>
</head>
</html>
以上内容讲述两种传递方式。