手机版

使用射流研究…获取参数的方法小结

时间:2021-10-24 来源:互联网 编辑:宝哥软件园 浏览:

本文原理是使用正则表达式匹配位置。搜索中的字符串。其中三个主要函数为getQueryString()、getQueryStringByName(名称)和getQueryStringByIndex(索引)三个主要方法:方法说明getQueryString获取参数的数组。例如路径QueryStringDemo.html?id=5type=1flag=0调用后返回['id=5 ',' type=1 ',' flag=0']getQueryStringByName根据参数参数名称获取值getQueryStringByIndex根据参数参数索引获取值复制代码代码如下://获取参数的数组函数getQueryString(){ var result=location。搜索。匹配(新的RegExp('[\?\][^\?\]=[^\?\]'、' g ');for(var I=0;我结果。长度;I){ 0结果[i]=结果[i].子串(1);}返回结果;} //根据参数参数名称获取值函数getQueryStringByName(name){ var result=location。搜索。匹配(新的RegExp('[\?\]"名字'=([^\])"、"我"));if(结果==null | |结果。长度1){ return " ";}返回结果[1];} //根据参数参数索引获取值函数getQueryStringByIndex(index){ if(index==null){ return " ";} var查询字符串列表=GetqueryString();if(index=queryStringList。长度){ return} var result=queryStringList[index];var startIndex=结果。indexof('=')1;结果=结果。子串(startIndex);返回结果;} 测试页面路径:QueryStringDemo.html?id=5type=1flag=0页面加载时

在查询字符串的名称后的文本框中输入要获取的参数的名称获取相应的值

在克里斯汀指数后的文本框中输入要获取的参数的索引获取相应的值(索引从0开始):

这样就可以在页面中方便的获取参数的值了。最后附上测试页面QueryStringDemo.html的源代码:复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta content=' text/html;字符集=GB 2312 ' http-equiv=' Content-Type '/title query string获取演示代码www.jb51.net/title脚本类型='text/javascript' //获取参数的数组函数getQueryString(){ var result=location。搜索。匹配(新的RegExp('[\?\][^\?\]=[^\?\]'、' g ');for(var I=0;我结果。长度;I){ 0结果[i]=结果[i].子串(1);}返回结果;} //根据参数参数名称获取值函数getQueryStringByName(name){ var result=location。搜索。匹配(新的RegExp('[\?\]"名字'=([^\])"、"我"));if(结果==null | |结果。长度1){ return " ";}返回结果[1];} //根据参数参数索引获取值函数getQueryStringByIndex(index){ if(index==null){ return " ";} var查询字符串列表=GetqueryString();if(index=queryStringList。长度){ return} var result=queryStringList[index];var startIndex=结果。indexof('=')1;结果=结果。子串(startIndex);返回结果;} //绑定当控件高亮选中时,点击"回车键"时执行的操作//控件:要绑定事件的控件//func:要执行的方法函数BindinterEvent(control,func){ control。onkey press=function(){ if(event。键码==13){ func();} } } //根据输入的参数名称获取值函数getByName(){ var name=document。getelementbyid(' txtquerystring name ').价值;文件。getelementbyid(' txtResult ').innerHTML=getQueryStringByName(名称);} //根据输入的参数的索引获取值函数getByIndex(){ var index=document。getelementbyid(' TxTqueryStringindex ').价值;文件。getelementbyid(' txtResult ').innerHTML=getQueryStringByIndex(index);}/脚本/头体div spanQueryString :/span span id='查询字符串'/span/div spanQueryString的名称:/span输入id=' txtquerystring name ' name=' txtquerystring name ' type=' text '/输入名称=' btnGetByName '类型=' button '值='获取onclick=' getByName()'//div spanQueryString的索引: /span输入id=' txtquerystring index ' name=' txtquerystring index ' type=' text '/输入名称=' btnGetByIndex ' type=' button ' value='获取onclick=' getByIndex()'//div div span结果:/span span id=' TxTresult '/span/div!-页面加载时执行的操作-脚本类型='text/javascript' //显示所有查询字符串文档。getelementbyid('查询字符串').innerHTML=GetqueryString();//为txtQueryStringName绑定回车事件bindenievent(txtQueryStringName,getByName);//为txtQueryStringIndex绑定回车事件bindenevent(TxTqueryStringIndex,GetByIndex);/脚本/正文/html pdf版下载地址

版权声明:使用射流研究…获取参数的方法小结是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。