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

复制代码 代码如下:

<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>

时间： 2025-01-19 09:54:32

javascript获取URL参数与参数值的示例代码_javascript技巧的相关文章

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

 本篇文章主要是对javascript获取URL参数与参数值的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <script>                   function goto_url(url){                       var new_url = "http://shop.usteel.com/index.php?app=list_release";                       var d_

Js+Jq获取URL参数的集中方法示例代码_javascript技巧

JQ取值方法: jquery本身也不存在取得URL参数的方法,但是已经存在插件,可以直接取得URL等参数 插件连接主页:https://github.com/allmarkedup/jQuery-URL-Parser 下载链接:http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip Examples of use Using the current page's url (for these examples ht

js获取url中指定参数值的示例代码_javascript技巧

如下所示: 复制代码 代码如下:  ///获取url中指定参数        // <param name="paras">参数名称</param>        ///        function request(paras) {            var url = location.href;            var paraString = url.substring(url.indexOf("?") + 1, url.

javascript获取下拉列表框当中的文本值示例代码_javascript技巧

近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 复制代码 代码如下: <select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <

JavaScript获取当前页面上的指定对象示例代码_javascript技巧

JavaScript如何获取当前页面上的指定对象. 方法如下: 复制代码 代码如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象数组 document.all[] //很智能的东东 不过非WEB标准 document.getElementsByTagName //获得指定标签值的对象数组 下面给出例子,只需把注释去掉直接运行就可看出效果. 复制代码 代码如下: <

javascript获取鼠标点击元素对象(示例代码)_javascript技巧

IE:var obj=document.elementFromPoint(event.clientX,event.clientY); 获取对象文本var a=obj.innerText FF里面要在事件里面添加对象才可以读取坐标. HTML:onclick="gj(event)" JS: 复制代码 代码如下: function gj(event){ var b=objobj=document.elementFromPoint(event.clientX,event.clientY);}

js获取url中指定参数值的示例代码

 这篇文章主要是对js获取url中指定参数值的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示: 代码如下:  ///获取url中指定参数         // <param name="paras">参数名称</param>         ///         function request(paras) {             var url = location.href;             var paraStr

JavaScript重定向URL参数的两种方法小结_javascript技巧

这篇文章主要介绍的是JavaScript重定向URL参数的两种方法,下面话不多说,直接看示例代码. 一.字符拼接形式 function setUri(para, val) { var strNewUrl = new String(); var strUrl = new String(); var url = window.location.href; strUrl = window.location.href; if (strUrl.indexOf("?") != -1) { strU

用JavaScript获取页面文档内容的实现代码_javascript技巧

JavaScript的document对象包含了页面的实际内容,所以利用document对象可以获取页面内容,例如页面标题.各个表单值. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js基础</title> </head> <body> <p>一. 用Documen