用javascript获取地址栏参数

简介:

现有三种方法如下:

一、

 
  1. <scripttype="text/javascript">   
  2. <!--  
  3. functionRequest(strName){   
  4. varstrHref="www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc";   
  5. varintPos=strHref.indexOf("?");   
  6. varstrRight=strHref.substr(intPos+1);   
  7. vararrTmp=strRight.split("&");   
  8. for(vari=0;i<arrTmp.length;i++){   
  9. vararrTemp=arrTmp[i].split("=");   
  10. if(arrTemp[0].toUpperCase()==strName.toUpperCase())returnarrTemp[1];   
  11. }  
  12. return"";   
  13. }  
  14. alert(Request("a"));   
  15. alert(Request("b"));   
  16. alert(Request("c"));   
  17. //-->   
  18. </script> 

二、

 
  1. <scripttype="text/javascript">   
  2. functiongetUrlPara(paraName){   
  3. varsUrl=location.href;   
  4. varsReg="(?:\\?|&){1}"+paraName+"=([^&]*)"   
  5. varre=newRegExp(sReg,"gi");   
  6. re.exec(sUrl);  
  7. returnRegExp.$1;   
  8. }  
  9. //应用实例:test_para.html?a=11&b=22&c=33   
  10. alert(getUrlPara("a"));   
  11. alert(getUrlPara("b"));   
  12. </script> 

三、

 
  1. <scripttype="text/javascript">   
  2. <!--  
  3. String.prototype.getQuery=function(name){   
  4.   varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");   
  5.   varr=this.substr(this.indexOf("\?")+1).match(reg);   
  6.   if(r!=null)returnunescape(r[2]);returnnull;   
  7. }  
  8. varstrHref="www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc";   
  9. alert(strHref.getQuery("a"));   
  10. alert(strHref.getQuery("b"));   
  11. alert(strHref.getQuery("c"));   
  12. //-->   
  13. </script> 

以上这三种方法都可以实现获取地址栏参数



本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/380687,如需转载请自行联系原作者

相关文章
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
11天前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
27 7
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
26 4
JavaScript基础知识-函数的参数
|
2月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
26 3
|
2月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
48 0
|
4月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
57 1
|
4月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
|
4月前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
235 0
|
4月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
425 0
|
5月前
|
JavaScript
fastadmin js里获取后端传的参数
fastadmin js里获取后端传的参数
129 0