url 传值
js获取url参数值:
index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......
静态html文件js读取url参数 根据获取html的参数值控制html页面输出
一、字符串分割分析法
这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET
函数:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script language= "javascript" > function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf( "?" ) != -1) { var str = url.substr(1); strs = str.split( "&" ); for ( var i = 0; i < strs.length; i ++) { theRequest[strs[i].split( "=" )[0]]=unescape(strs[i].split( "=" )[1]); } } return theRequest; } </script> |
然后我们通过调用此函数获取对应参数值:
1 2 3 4 5 6 7 8 9 | <script language= "javascript" > var Request = new Object(); Request = GetRequest(); var 参数1,参数2,参数3,参数N; 参数1 = Request[ '参数1' ]; 参数2 = Request[ '参数2' ]; 参数3 = Request[ '参数3' ]; 参数N = Request[ '参数N' ]; </script> |
以此获取url串中所带的同名参数
二、正则分析法
1 2 3 4 5 6 7 8 9 | function GetQueryString(name) { var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" , "i" ); var r = window.location.search.substr(1).match(reg); if (r!= null ) return unescape(r[2]); return null ; } alert(GetQueryString( "参数名1" )); alert(GetQueryString( "参数名2" )); alert(GetQueryString( "参数名3" )); |
补充:js 获取url的get传值函数
1 2 3 4 5 6 | function getvl(name) { var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; }; |
用法简单的说一下
比如url是:http://localhost/index.php?qz=ddddk中qz的值代码如下
复制代码代码如下:
getvl(bb);//这样就可以了
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步