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中中括号“[]”的多义性
Dec 03 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
Angular2数据绑定详解
Apr 18 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
Vue computed 计算属性代码实例
Apr 22 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
VUE递归树形实现多级列表
Jul 15 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性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
基于PHP导出Excel的小经验 完美解决乱码问题
2013/06/10 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
js表单验证实例讲解
2016/03/31 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
JS实现全屏的四种写法
2016/12/30 Javascript
js实现旋转木马效果
2017/03/17 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
安装Pycharm2019以及配置anconda教程的方法步骤
2019/11/11 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Python2与Python3的区别点整理
2019/12/12 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
使用索引有什么好处
2016/07/27 面试题
介绍一下Python下range()函数的用法
2013/11/07 面试题
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
酒店节能降耗方案
2014/05/08 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
新闻通讯稿范文
2015/07/22 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis