javascript获取URL参数与参数值的示例代码


Posted in Javascript onDecember 20, 2013
<script>
                  function goto_url(url){
                      var new_url = "http://shop.usteel.com/index.php?app=list_release";
                      var d_date  = getParameter("date",url);
                      if(d_date != '' ){
                          new_url += "&"+d_date;
                      }
                      var species  = getParameter("species",url);
                      if(species != ''){
                          new_url += "&"+species;
                      }                      window.open(new_url);
                  }
                  //javascript获取指定参数及其对应的值  
                  function getParameter(paraStr, url)  
                  {  
                      var result = "";  
                      //获取URL中全部参数列表数据  
                      var str = "&" + url.split("?")[1];  
                      var paraName = paraStr + "=";  
                      //判断要获取的参数是否存在  
                      if(str.indexOf("&"+paraName)!=-1)  
                      {  
                          //如果要获取的参数到结尾是否还包含“&”  
                          if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)  
                          {  
                              //得到要获取的参数到结尾的字符串  
                              var TmpStr=str.substring(str.indexOf(paraName),str.length);  
                              //截取从参数开始到最近的“&”出现位置间的字符  
                              result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));    
                          }  
                          else  
                          {    
                              result=str.substring(str.indexOf(paraName),str.length);    
                          }  
                      }    
                      else  
                      {    
                          result="";    
                      }    
                      return (result.replace("&",""));    
                  }  
                  </script>

下面例子很完整 经测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <title>javascript获取URL参数和参数值</title>  
    <script type="text/javascript">  
    <!--  
    var url = "http://www.baidu.com/?age=25&k=1&site=asp&abc=123;"      //javascript获取指定参数及其对应的值  
    function getParameter(paraStr, url)  
    {  
        var result = "";  
        //获取URL中全部参数列表数据  
        var str = "&" + url.split("?")[1];  
        var paraName = paraStr + "=";  
        //判断要获取的参数是否存在  
        if(str.indexOf("&"+paraName)!=-1)  
        {  
            //如果要获取的参数到结尾是否还包含“&”  
            if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)  
            {  
                //得到要获取的参数到结尾的字符串  
                var TmpStr=str.substring(str.indexOf(paraName),str.length);  
                //截取从参数开始到最近的“&”出现位置间的字符  
                result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));    
            }  
            else  
            {    
                result=str.substring(str.indexOf(paraName),str.length);    
            }  
        }    
        else  
        {    
            result="无此参数";    
        }    
        return (result.replace("&",""));    
    }  
    //调用方法:var 变量名 = getParameter("要获取的参数名", URL地址)  
    var r = getParameter("age",url);  
    //测试输出,结果是:site=popasp  
    alert(r);  
    //根据得到的结果可以使用  
    var pName = r.split("=")[0]; //获取参数名  
    var pValue = r.split("=")[1]; //获取参数值  
    //测试输出:  
    alert("参数名:" + pName + "\n\n" + "参数值:" + pValue);  
    //其他实际应用:  
    //可以根据需要,配合以下方法实现自己要实现的功能;  
    //var hostname = location.hostname; //获取当前域名(不包含http://)  
    //var localurl = location.href;   //获取当前完整的URL地址信息(包含http://,域名,路径,具体文件和全部传递参数)  
    //var referurl = document.referrer; //获取上一页完整的URL信息(包含http://,域名,路径,具体文件和全部传递参数)  
    //-->  
    </script>  
    </head>  
    <body>  
    </body>  
    </html>
Javascript 相关文章推荐
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
React通过父组件传递类名给子组件的实现方法
Nov 13 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 #Javascript
js 操作select与option(示例讲解)
Dec 20 #Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 #Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 #Javascript
js select option对象小结
Dec 20 #Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 #Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 #Javascript
You might like
php简单实现sql防注入的方法
2016/04/22 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
php表单处理操作
2017/11/16 PHP
PHP getDocNamespaces()函数讲解
2019/02/03 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
2017/04/07 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
Python列表解析操作实例总结
2020/02/26 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
实习教师自我鉴定
2013/12/12 职场文书
信息管理应届生求职信
2014/03/07 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
批评与自我批评总结
2014/10/17 职场文书
初二学生评语大全
2014/12/26 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
银行催款通知书
2015/04/17 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python