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 相关文章推荐
二级域名或跨域共享Cookies的实现方法
Aug 07 Javascript
Prototype中dom对象方法汇总
Sep 17 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 Javascript
Vue快速实现通用表单验证的方法
Feb 24 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 5.0对象模型深度探索之绑定
2006/09/05 PHP
二进制交叉权限微型php类分享
2014/02/07 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
Python序列化基础知识(json/pickle)
2017/10/19 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
Python tkinter label 更新方法
2018/10/11 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
python中可以声明变量类型吗
2020/06/18 Python
python如何使用代码运行助手
2020/07/03 Python
Python如何读写CSV文件
2020/08/13 Python
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
以太网Ethernet IEEE802.3
2013/08/05 面试题
活动策划邀请函
2014/02/06 职场文书
领导接待方案
2014/03/13 职场文书
家长通知书家长意见
2014/12/30 职场文书
求职意向书范本
2015/05/11 职场文书
母亲节主题班会
2015/08/14 职场文书
numpy array找出符合条件的数并赋值的示例代码
2022/06/01 Python