在html静态页面中获取请求参数和参数值
2017-03-30 14:09
459 查看
通过Location对象的search属性,可以获得从URL中传递过来的参数和参数值。然后在JavaScript 代码中可以处理这些参数和参数值。如下所示:
<html>
<head>
<title>提交数据</title>
</head>
<body>
<form name="myForm" action="b.htm">
地址:
<select name="address">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
</select>
性别:
<select name="sex">
<option value="men">男</option>
<option value="women">女</option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>
下面是处理请求的b.htm<html>
<head>
<title>使用Location对象属性获取提交数据</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
//获取Location对象的search属性值
var searchStr = location.search;
//由于searchStr属性值包括“?”,所以除去该字符
searchStr = searchStr.substr(1);
//将searchStr字符串分割成数组,数组中的每一个元素为一个参数和参数值
var searchs = searchStr.split("&");
//获得第一个参数和值
var address = searchs[0].split("=");
switch (address[1])
{
case "beijing":
document.write("您选择的地址为:北京<br>");
break;
case "shanghai":
document.write("您选择的地址为:上海<br>");
break;
case "shenzhen":
document.write("您选择的地址为:深圳<br>");
break;
}
//获得第二个参数和值
var sex = searchs[1].split("=");
switch (sex[1])
{
case "men":
document.write("您选择的性别为:男<br>");
break;
case "women":
document.write("您选择的性别为:女<br>");
break;
}
</script>
</body>
</html>
<html>
<head>
<title>提交数据</title>
</head>
<body>
<form name="myForm" action="b.htm">
地址:
<select name="address">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
</select>
性别:
<select name="sex">
<option value="men">男</option>
<option value="women">女</option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>
下面是处理请求的b.htm<html>
<head>
<title>使用Location对象属性获取提交数据</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
//获取Location对象的search属性值
var searchStr = location.search;
//由于searchStr属性值包括“?”,所以除去该字符
searchStr = searchStr.substr(1);
//将searchStr字符串分割成数组,数组中的每一个元素为一个参数和参数值
var searchs = searchStr.split("&");
//获得第一个参数和值
var address = searchs[0].split("=");
switch (address[1])
{
case "beijing":
document.write("您选择的地址为:北京<br>");
break;
case "shanghai":
document.write("您选择的地址为:上海<br>");
break;
case "shenzhen":
document.write("您选择的地址为:深圳<br>");
break;
}
//获得第二个参数和值
var sex = searchs[1].split("=");
switch (sex[1])
{
case "men":
document.write("您选择的性别为:男<br>");
break;
case "women":
document.write("您选择的性别为:女<br>");
break;
}
</script>
</body>
</html>
相关文章推荐
- 在html静态页面中获取请求参数和参数值(form)
- html间页面静态传值(根据url地址拆分字符串获取参数)
- Javascript获取HTML静态页面参数传递值示例
- 静态页面、html页面获取get参数方法
- 获取静态html页面载入时传入的参数
- jQuery设置和获取HTML、文本和值和Javascript获取HTML静态页面参数传递值示例
- Javascript获取HTML静态页面参数传递值
- 后端往前段传递参数,大部分人都清楚,无非就是发起ajax请求获取后端值,然后通过js写入html相应位置即可。但是前段html页面之间,怎么传递参数呢?
- 静态HTML页面传递参数的方法 (表单)
- 不同web如何通讯之 html页面获取传递的参数
- 静态HTML页面传递参数的方法 (表单)
- html静态页面传递参数-利用JavaScript方法实现静态
- HTML静态页面获取传参的值
- javascript html 静态页面传参数
- 静态页面获取参数
- 获取页面请求参数的JS脚本
- js javascript 获取url,获得当前页面的url,静态html文件js读取url参数
- javascript写的关于静态页面获取URL传递参数的函数[原创]
- asp下利用XMLHTTP无刷新获取请求页面返回的参数
- 纯html静态页面怎么获取参数(用javascript传递页面参数)