用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,如需转载请自行联系原作者

相关文章
|
8天前
|
前端开发 JavaScript
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
|
5天前
|
移动开发 前端开发 JavaScript
Vue2 系列:vue.config.js 参数配置
Vue2 系列:vue.config.js 参数配置
13 2
|
8天前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
|
8天前
|
JavaScript 前端开发
【专栏】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表
【4月更文挑战第29天】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表。它接受两个参数:上下文对象和参数数组。理解`apply`有助于深入JS运行机制。文章分三部分探讨其原理:基本概念和用法、工作原理详解、实际应用与注意事项。在应用中要注意性能、参数类型和兼容性问题。`apply`可用于动态改变上下文、传递参数数组,甚至模拟其他语言的调用方式。通过深入理解`apply`,能提升代码质量和效率。
|
8天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
|
8天前
|
存储 JavaScript 前端开发
js原生方法,获取url上面所有参数,并返回一个对象
JavaScript函数`getUrlParameters`用于从URL中提取所有参数并返回一个键值对对象。它接收URL,分割查询字符串,解码参数对,并存储在对象中。重复参数键会被存储为数组。
|
8天前
|
JavaScript
js如何实现修改URL参数并不刷新页面
js如何实现修改URL参数并不刷新页面
|
8天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
8天前
|
JavaScript 前端开发
为 setTimeout 或 setInterval 提供一个字符串作为第一个参数(js的问题)
为 setTimeout 或 setInterval 提供一个字符串作为第一个参数(js的问题)
11 0
|
8天前
|
JavaScript 前端开发 UED
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
64 2