zoukankan      html  css  js  c++  java
  • javascript 获取URL参数

    今天项目中遇到这个问题就是在Web前端根据URL的参数动态设置某一元素的值。

    网上有很多这样的代码,无非是通过window.location.search、window.location或window.location.href获得到URl的地址,然后再解析它。

    先说下这3个的区别,假设URL地址为:http://localhost:22606/WebSite3/Default3.aspx?a=1&b=1

     window.location:  http://localhost:22606/WebSite3/Default3.aspx?a=1&b=1
     window.location.search: ?a=1&b=1
     window.location.href: http://localhost:22606/WebSite3/Default3.aspx?a=1&b=1

    现在就贴一段代码吧。

    方法一:

    代码

    function getvalue(name)
    {
     
    var str=window.location.search;
     
    if (str.indexOf(name)!=-1)
     {
      
    var pos_start=str.indexOf(name)+name.length+1;
      
    var pos_end=str.indexOf("&",pos_start);
      
    if (pos_end==-1)
      {
       
    return str.substring(pos_start);
      }
      
    else
      {
       
    return str.substring(pos_start,pos_end)
      }
     }
     
    else
     {
      
    return "";
     }
    }

    方法二:

    代码
    var URLParams = new Array();
    var aParams = document.location.search.substr(1).split('&');
    for (i=0; i < aParams.length;  i++){
     
    var aParam = aParams[i].split('=');
     URLParams[aParam[
    0]] = aParam[1];
    }

    name=URLParams["name"];
    alert(name)

    方法三:

    代码

    Request 
    = {
     QueryString : 
    function(item){
      
    var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
      
    return svalue ? svalue[1] : svalue;
     }
    }
    alert(Request.QueryString(
    "id"));
  • 相关阅读:
    Server Profiler
    Unit Test with VS.NET
    js解析json字符
    多维数组
    $routeProvider与$stateProvider区别
    post 与get
    gulp配置
    homebrew常用指令
    less.js
    过滤器
  • 原文地址:https://www.cnblogs.com/valin/p/1820618.html
Copyright © 2011-2022 走看看