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 相关文章推荐
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
jQuery文件上传控件 Uploadify 详解
Jun 20 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 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传值方式和ajax的验证功能
2017/03/27 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
Prototype Object对象 学习
2009/07/12 Javascript
JavaScript 题型问答有答案参考
2010/02/17 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
Hadoop中的Python框架的使用指南
2015/04/22 Python
简单谈谈python中的多进程
2016/11/06 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
python找出完数的方法
2018/11/12 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
Django中提示消息messages的设置方式
2019/11/15 Python
CSS3属性background-size使用指南
2014/12/09 HTML / CSS
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
领班岗位职责范文
2014/02/06 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
2016大学生就业指导课心得体会
2016/01/15 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
在Django中使用MQTT的方法
2021/05/10 Python
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android