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 相关文章推荐
jquery 事件对象属性小结
Apr 27 Javascript
jquery带动画效果幻灯片特效代码
Aug 27 Javascript
JavaScript设计模式经典之命令模式
Feb 24 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
Jun 07 Javascript
jQuery简单入门示例之用户校验demo示例
Jul 09 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
jQuery上传插件webupload使用方法
Aug 01 jQuery
select标签设置默认选中的选项方法
Mar 02 Javascript
vue+django实现下载文件的示例
Mar 24 Vue.js
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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
PHP Curl出现403错误的解决办法
2014/05/29 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
Yii框架实现邮箱激活的方法【数字签名】
2016/10/18 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
axios拦截设置和错误处理方法
2018/03/05 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
vue 项目@change多个参数传值多个事件的操作
2021/01/29 Vue.js
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python实现简单http服务器功能
2018/09/17 Python
python生成n个元素的全组合方法
2018/11/13 Python
Python线程之定位与销毁的实现
2019/02/17 Python
Python read函数按字节(字符)读取文件的实现
2019/07/03 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
animation和transition的区别
2020/10/12 HTML / CSS
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
精选奢华:THE LIST
2019/09/05 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
大二学生学习个人自我评价
2014/01/19 职场文书
法制报告会主持词
2014/04/02 职场文书
移交协议书
2014/08/19 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
离婚协议书范文2014
2014/10/16 职场文书
2019销售早会主持词
2019/06/27 职场文书
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技