[转]javascript[js]获取url参数的代码

 

第一,正则表达式,直接找出参数等号右边的值即可。但是,如果该参数后还有&就不可行。

    <script language="javascript">
    var str=window.location.href; 
    var es=/clid=/; 
    es.exec(str); 
    var right=RegExp.rightContext; 
    if(right=="1")
    {
    sub_nav_4.style.display = "block";
    li4.style.background = "#a1ca00";
    }
    </script>

  第二,把能找到的参数都付给argsarr数组,将来可以用argsarr[i]进行相应的访问,方法不错,太长,参数不容易记忆。

/**//**
      * 提取URL中的参数
      */
     function getArgs()
     {
       //加上substring的意义是去掉查询字符串中的?号。
       //var query = window.location.search.substring(1);
       
       //定义一个数组,用于存放取出来的字符串参数。
       var argsArr = new Object();
       
       //获取URL中的查询字符串参数
       var query = window.location.search;
       query = query.substring(1);
       
       //这里的pairs是一个字符串数组
       var pairs = query.split("&");//name=myname&password=1234&sex=male&address=nanjing
       
       for(var i=0;i<pairs.length;i++)
       {
         var sign = pairs[i].indexOf("="); 
         //如果没有找到=号,那么就跳过,跳到下一个字符串(下一个循环)。
         if(sign == -1)
         {
           continue; 
         }
         
         var aKey = pairs[i].substring(0,sign);
         var aValue = pairs[i].substring(sign+1);       
         
         argsArr[aKey] = aValue;
       }
       
       return argsArr;
     } 

  第三,最简单的方法,类似第二种,不过没有创建数组存参数,可直接访问参数的名字,容易看懂。

            <script language="javascript">
            function getarg()
            {
            var url = unescape(window.location.href);
            var allargs = url.split("?")[1];
            var args = allargs.split("&");
            for(var i=0; i<args.length; i++)
            {
            var arg = args[i].split("=");
            eval('this.'+arg[0]+'="'+arg[1]+'";');
            }
            } 
            var urlarg=new getarg();
            if(urlarg.clid=="1")
                {
                sub_nav_6.style.display = "block";
                li6.style.background = "#a1ca00";
                }
            </script>
 
<script language = javascript>
function request(paras){
var url = location.href; 
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
var paraObj = {} 
for (i=0; j=paraString[i]; i++){ 
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 
} 
var returnValue = paraObj[paras.toLowerCase()]; 
if(typeof(returnValue)=="undefined"){ 
return ""; 
}else{ 
return returnValue; 
} 
}
var theurl=request('url');
var theimg=request('img');
document.writeln("<a href='"  + theurl + "' target=_blank><img src=" + theimg + " width=750 height=450 border=0></a>");
</script>
 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 你可以使用 `URLSearchParams` 对象来获取 URL 的查询参数。 首先,你需要获取当前页面的 URL: ``` const url = new URL(window.location.href); ``` 然后,你可以使用 `URLSearchParams` 对象来解析 URL 的查询参数: ``` const params = new URLSearchParams(url.search); ``` 最后,你可以使用 `get` 方法来获取指定的参数值: ``` const paramValue = params.get('paramName'); ``` 你也可以使用 `has` 方法来检查 URL 中是否有指定的参数,或者使用 `keys` 方法来获取所有参数的名称列表。 例如,如果你想获取 URL 中名为 `id` 的参数的值,你可以这样做: ``` const id = params.get('id'); ``` 你也可以使用 `for...of` 语句来遍历所有参数: ``` for (const [key, value] of params) { console.log(key, value); } ``` 希望这能帮到你! ### 回答2: 在JavaScript中,我们可以使用window.location.search属性来获取URL参数URL参数是指在URL中的查询字符串部分,以问号(?)开头,后跟参数名称和值,不同的参数之间使用“&”分隔。例如,URL可能是:http://www.example.com/?name=John&age=25 我们可以使用如下代码获取URL参数: ```javascript // 获取URL中的查询字符串 var queryString = window.location.search; // 去除问号 queryString = queryString.substring(1); // 将查询字符串分割成键-值对 var params = queryString.split("&"); // 创建一个对象来存储参数 var paramObj = {}; // 遍历键-值对,将它们存储在paramObj对象中 for (var i = 0; i < params.length; i++) { var param = params[i].split("="); var key = decodeURIComponent(param[0]); var value = decodeURIComponent(param[1]); // 将参数存储在paramObj对象中 paramObj[key] = value; } // 现在,我们可以通过paramObj对象来访问URL参数 console.log(paramObj.name); // 输出:John console.log(paramObj.age); // 输出:25 ``` 这样,我们就能够使用JavaScript获取URL参数了。 ### 回答3: 在JavaScript中,可以通过使用`window.location.search`来获取URL中的查询参数。这个属性返回`?`后面的部分,包括查询参数和哈希值。 首先,我们可以使用`decodeURIComponent()`函数对查询参数进行解码,以防止特殊字符导致的错误。然后,我们可以使用`substring()`方法将`?`符号从查询参数中去除,只保留参数部分。 例如,如果URL是`https://example.com/?name=John&age=25`,我们可以使用以下代码获取参数: ```javascript const queryString = window.location.search; const decodedParams = decodeURIComponent(queryString.substring(1)); console.log(decodedParams); ``` 以上代码将输出`name=John&age=25`。接下来,我们可以进一步处理参数字符串以获取每个参数的键和值。 ```javascript const params = decodedParams.split('&'); const paramsObj = {}; params.forEach(param => { const [key, value] = param.split('='); paramsObj[key] = value; }); console.log(paramsObj); ``` 以上代码将输出一个包含每个参数键和值的对象: ```javascript { name: "John", age: "25" } ``` 现在,我们可以通过访问`paramsObj`对象的属性来获取特定参数的值。例如,想要获取`name`参数的值,可以使用`paramsObj.name`。 总结起来,我们可以通过将URL的查询参数字符串解析为对象,以便在JavaScript中轻松地获取和使用URL参数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值