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 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
May 05 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 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应用提速面面观
2006/10/09 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
玩转方法:call和apply
2014/05/08 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
jquery ajaxfileupload异步上传插件使用详解
2017/02/08 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
Python制作词云图代码实例
2019/09/09 Python
python相对企业语言优势在哪
2020/06/12 Python
增大python字体的方法步骤
2020/07/05 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
使用python把xmind转换成excel测试用例的实现代码
2020/10/12 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
师范应届毕业生自荐信
2013/11/18 职场文书
开工仪式策划方案
2014/05/23 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
2014年学习部工作总结
2014/11/12 职场文书
投标承诺函格式
2015/01/21 职场文书
美容院管理规章制度
2015/08/05 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript