提取url的搜索字符串中的参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <html>
        <button onclick="demo()">按钮1</button>
    </html>
    <!-- 提取url的搜索字符串中的参数 https://www.baidu.com/s?ie=UTF-8&wd=微信公众平台-->
     <script>
         function urlArgs(){
             var args = {}; // 定义一个空对象
            //  var query = location.search.substring(1); // 查找到查询串,并去掉'?'
            var query = 'ie=UTF-8&wd=微信公众平台';
             console.log('查找的字符串:'+query); // ie=UTF-8&wd=微信公众平台
             var pairs = query.split("&"); // 根据"&"符号将查询字符串分隔开
             console.log('分割成数组形式'+pairs)
             for(var i = 0; i<pairs.length;i++){ // 对于每个判断
                var pos=pairs[i].indexOf('='); //查找“name=value”
                if(pos==-1) continue; // 如果没有找到的话,就跳过
                console.log('找到等号的下标:'+pos);
                var name = pairs[i].substring(0,pos); // 提取name
                var value = pairs[i].substring(pos+1); // 提取value
                args[name] = value; // 存储为属性
                console.log('分离的键值对')
                console.log(args)
             }
             return args; // 返回解析后的参数
         }
        var argss = urlArgs();
        function demo(){
            var argss = urlArgs();
        }
     </script>
</body>
</html>

  

posted @   小白咚  阅读(303)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示