HTML传递参数的方法和例子
来源:互联网 发布:企业社会责任数据 编辑:程序博客网 时间:2024/05/18 00:50
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>
0 0
- HTML传递参数的方法和例子
- html向flash传递参数的例子
- 静态HTML页面传递参数的方法
- JS 接收HTML传递参数的方法。
- html向flash传递参数的方法
- html文件传递参数的实现方法
- html向flash传递参数的方法
- html向swf传递参数的方法
- 关于参数传递的例子
- 指针传递参数的例子
- setTimeout和setInterval的参数传递方法
- 网页和客户端传递参数的方法
- Golang函数和方法的参数传递
- 静态HTML页面传递参数的方法 (表单)
- 静态HTML页面传递参数的方法 (表单)
- html向flash传递参数的方法 (转)
- 前端在html页面之间传递参数的方法
- 前端在html页面之间传递参数的方法
- Linux tcpdump命令详解
- UITableView中点击不同Cell跳转到不同的View
- android蓝牙通信
- iOS tableViewCell点击后显示下拉菜单
- Thread和Service应用场合的区别
- HTML传递参数的方法和例子
- 文本分类学习
- MTK camera image sensor driver
- java打jar包 ,建立定时任务
- activity在AndroidManifest中的一些配置属性
- org.hibernate.PropertyAccessException: Null value was assigned to a property of primitive type sette
- Select a frequency/intensity level for each Apple content description iTunes Connect error
- Android之Activity与Service通信
- Myeclipse for mac 快捷键