js中如何获取地址参数的方法

js中如何获取地址参数的方法,第1张

给你提供一个通用的函数

var getSearch = function( url , name ){

if( !name ){

name = url;

url = locationhref;

}

var rv = '';

url = urlindexOf('') > -1  urlsplit('')[1] : '';

if(url != ''){

var ls = urlsplit('&');

for(var i=0;i<lslength;i++){

var ele = ls[i];

var kname = elesplit('=')[0] ||'',kvalue = elesplit('=')[1] || '';

if(kname === name){

rv = kvalue;

break;

}

}

}

return decodeURIComponent(rv);

}

//调用的时候就可以通过getSearch直接获得

//比如获得url中的name

function f1(){

var name = getSearch('name');

documentgetElementById("d1")value=name;

}

1、通过js代码根据标签名a得到所有超链接标签的JavaScript对象

2、遍历存储超链接对象的数组

3、取出每一个对象,取出其href属性即可

<a href="indexhtml">首页</a>

<a href="detailhtml">商品信息</a>

<a href="carthtml">购物车</a>

<script type="text/javascript">

    var items=documentgetElementsByTagName("a");

    for(var i=0;i<itemslength;i++){

        var obj=items[i];

        alert(objhref);

    }

</script>

以下函数可以获取url任意参数的值:

function getParams(key){

    var url = locationsearchreplace(/^\/,'')split('&');

    var paramsObj = {};

    for(var i = 0, iLen = urllength; i < iLen; i++){

        var param = url[i]split('=');

        paramsObj[param[0]] = param[1];

    }

    if(key){

        return paramsObj[key] || '';

    }

    return paramsObj;

}

可选参数key表示获取参数的名称,如果省略该参数,则会返回一个对象,包含所有参数的key和value。

本章内容分为三部分:

开始之前先简单了解一下

如:url地址: >

方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)

function GetQueryString(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if(r!=null)return unescape(r[2]); return null;

}

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

下面举一个例子:

若地址栏URL为:abchtmlid=123&url=>

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

下面我们举例一个URL,然后获得它的各个组成部分:>

以上就是关于js中如何获取地址参数的方法全部的内容,包括:js中如何获取地址参数的方法、JavaScript获取链接<a></a> 中的值、js获取url参数值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9580382.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存