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中的this实例分析
Apr 28 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
javascript实现的一个带下拉框功能的文本框
May 08 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
May 27 Javascript
vue动态绑定style样式
Apr 20 Vue.js
向左滚动文字 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迭代器的内部执行过程详解
2013/11/12 PHP
php生成短网址示例
2014/05/05 PHP
php解析json数据实例
2014/08/19 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
解决jquery有正确返回值但不执行success函数的问题
2018/08/20 jQuery
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
详解js创建对象的几种方法及继承
2019/04/12 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
[06:15]2016国际邀请赛中国区预选赛单车采访:我顶WINGS
2016/06/27 DOTA
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
python的debug实用工具 pdb详解
2019/07/12 Python
Python 支持向量机分类器的实现
2020/01/15 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
自我评价范文
2013/12/22 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
Go 语言结构实例分析
2021/07/04 Golang
PyTorch中的torch.cat简单介绍
2022/03/17 Python