Javascript获取HTML静态页面参数传递值示例


Posted in Javascript onAugust 18, 2013

给大家看一下我的代码 只要把这些代码嵌入到页面文件即可

例一
利用正则表达式来获取

var LocString = String(window.document.location.href); 
function getQueryStr(str) { 
var rs = new RegExp("(^|)" + str + "=([^&]*)(&|$)", "gi").exec(LocString), tmp; 
if (tmp = rs) { 
return tmp[2]; 
} 
// parameter cannot be found 
return ""; 
}

调用方法
document.getElementById("user").value = getQueryStr("user"); 
document.getElementById("password").value = getQueryStr("password"); 
document.getElementById("sysno").value = getQueryStr("sysno");

例二
利用split函数来按参数切成数组
<script> 
urlinfo=window.location.href; //获取当前页面的url 
len=urlinfo.length;//获取url的长度 
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置 
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串 
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割 
newsid=newsids[1];//得到参数值 
alert("您要传递的参数值是"+newsid); 
</script>

不过一定要记得 这个方法只是针对含有参数的url有用 ,如果对方用了POST方法传递参数, url中是不会含有参数的所以这个技巧只对GET方法或者指定了参数的url有用哦

下面看一个完整的实例

aa.htm是参数输渗入渗出界面
bb.htm是参数接收处理界面
aa.htm

 <html> 
<head> 

</head> 

<body> 

<script> 

function submit() 

{ 

var input1 = document.getElementById("inputid"); 

window.open("bb.htm?inputStr=" + input1.value);//传入参数 

} 

</script> 

<input type = "text" id = "inputid"> 

<input type = "button" onclick = "submit()" value = "提交"> 

</body> 

</html> 

bb.htm: 

<html> 

<head> 

<script> 

//获得参数的方法 

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.leng th+1)):null); 

} 

} 

</script> 

</head> 

<body> 

<script> 

//调用方法获得参数 

var rt = request.QueryString("inputStr"); 

alert(rt); 

</script> 

</body> 

</html>

bb.htm
<html> 
<head> 

<title>test</title> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<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.leng th+1)):null); 

} 

} 

var a = request.QueryString ("a"); 

var b = request.QueryString ("b"); 

var c = request.QueryString ("c"); 

if ((a != null)){a=a} else{a="参数A空"} 

if ((b != null)){b=b} else{b="参数B空"} 

if ((c != null)){c=c} else{c="参数C空"} 

document.writeln("参数A: " + a); 

document.writeln("<br>参数B: " + b); 

document.writeln("<br>参数C: " + c); 

//--> 

</SCRIPT> 

</head> 

<body> 

<form name="form1" action="?"> 

请输入参数值:<br> 

<SCRIPT LANGUAGE="JavaScript"> 

document.writeln("A:<input type='text' name='a' value='"+a+"'><br>"); 

document.writeln("B:<input type='text' name='b' value='"+b+"'><br>"); 

document.writeln("C:<input type='text' name='c' value='"+c+"'><br>"); 

</SCRIPT> 

<input type="submit" name="Submit" value="提交参数查观效果"> 

</form> 

</body> 

</html>
Javascript 相关文章推荐
Jquery选择器 $实现原理
Dec 02 Javascript
IE中createElement需要注意的一个问题
Jul 13 Javascript
JavaScript自执行闭包的小例子
Jun 29 Javascript
JS中如何设置readOnly的值
Dec 25 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
Javascript验证方法大全
Sep 21 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
jQuery实现验证码功能
Mar 17 Javascript
老生常谈ES6中的类
Jul 31 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
小程序封装路由文件和路由方法(5种全解析)
May 26 Javascript
向左滚动文字 js代码效果
Aug 17 #Javascript
热点新闻滚动特效的js代码
Aug 17 #Javascript
js 获取radio按钮值的实例
Aug 17 #Javascript
js 文本滚动效果的实例代码
Aug 17 #Javascript
javascript用户注册提示效果的简单实例
Aug 17 #Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 #Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 #Javascript
You might like
一家之言的经验之谈php+mysql扎实个人基本功
2008/03/27 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
php实现搜索类封装示例
2016/03/31 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
JavaScript和CSS通过expression实现Table居中显示
2013/06/28 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Python基于内置库pytesseract实现图片验证码识别功能
2020/02/24 Python
python中os.remove()用法及注意事项
2021/01/31 Python
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
人事局接收函
2015/01/30 职场文书
民事起诉状范文
2015/05/19 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS