html获取url参数

最新推荐文章于 2023-12-30 11:29:49 发布

Antonweb

最新推荐文章于 2023-12-30 11:29:49 发布

阅读量969

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/Antonweb/article/details/103544773

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html获取url参数

取这个url的参数，原理是 window.location
介绍：window.location是window特有的一个属性，随便打开一个网址控制台输入window.location，可看到以下内容：

hash 设置或返回从井号 (#) 开始的 URL（锚）。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL（查询部分）。

//回到主题：利用href或者search都可以得到url参数;
href: 例如url为https://fanyi.baidu.com/?aldtype=16047#en/zh/query

<script>
    function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, '\\$&');
        var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, ' '));
    }
    var aldtype = getParameterByName('aldtype','https://fanyi.baidu.com/?aldtype=16047#en/zh/query'); // "16047"
    console.log(aldtype)
</script>

...
关于decodeURIComponent() ，它是一个内置函数，在w3c中可以看到他的介绍；