HTML传递参数的方法和例子
(2006-12-19 11:41:02)| 分类： 各色网页制作技巧 |
整理了一下网上的资料
和动态页面参数传递类似，传递方法可以分为两类：Post和Get
Postf方式就是用表单将获取的信息传递给目标页面，Get方式就是直接在网址后加上内容。
一、Post方法实现：
这段存为1.htm
一、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>
<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>
<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>
</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>
<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>
<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>
280
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
