技法77 (◐‿◑) 获取地址栏URL参数 | 【甜蜜】

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

分析：

        在Js中经常要获取URL的参数来执行不同的业务。例如：在一些Web服务中，通过URL中的”？userID=1“来显示不同的网页，像微博就是通过“ ／u/用户ID编号”的组合形式来访问不同的个人空间。
        ?，起到触发作用（只写一次）
        &，连接不同参数

   

---

Code：

HTML：

<h2>获取地址栏URL的参数</h2>
    <p id='getURLArgs'></p>

JS：

<script type="text/javascript">
    window.onload = function(){

        function getURLArgs(e){// 获取地址栏URL的参数
            var args = "空",//试着在浏览器添加参数
                    _args = [];
            u = window.location.href,
                    s = u.indexOf("?"),
                    i = 0,
                    l = 0,
                    o = null;

            if(s != -1){//如果不等于-1则存在参数
                args = u.substr(s+1).split("&");
            }
            e. innerHTML = "参数会以逗号分隔：" + args;
            l = args.length;
            for(; i < l; i++){
                if(args[i]){
                    o = args[i].split("=");
                    //相同的参数以后边添加的参数为主，会覆盖前面的参数
                    _args[o[0]] = o[1];
                }
            }

            console.log(_args);//打印参数列表
            return _args;
        }
        //获取地址栏URL的参数
        getURLArgs(document.getElementById("getURLArgs"));
    };
</script>

---

请按照自己的理解订正对概念的认知

代码说明（秀智商） ：

游客，如果您要查看本帖隐藏内容请回复

---

回顾：

技法76  (◐‿◑)  独家防‘URL’中文乱码

---

源代码： 77.zip (909 Bytes, 下载次数: 4, 售价: 6 鱼币)

2017-11-4 11:30 上传

点击文件名下载附件

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

如果喜欢，别忘了评分 ：

                               
登录/注册后可看大图

mhb789456

  查看一下

dsa159245

        window.onload = function(){
                                var oInput = document.getElementsByTagName("input")[0];
                                oInput.onclick = function(){
                                        var str = window.location.href;
                                        var n = str.indexOf("?");
                                        if(n == -1){
                                                alert("参数不存在");
                                                return;
                                        }
                                        str = str.substr(n+1);
                                        var s= "";
                                        var arr = str.split("&");
                                        for(var i = 0; i < arr.length; i++){
                                                var a = arr[i].split("=");
                                                s += "参数"
                                                s += a[0];
                                                s += ":";
                                                s += a[1]+"    ";
                                        }
                                        
                                        alert(s);
                                
                                }
                        };

热爱前端的肥仔

对URL的理解不是很好，需要注解

凌乱大帅比

没看懂....

a211827754

emmm

wangdxf

Ruide

甜蜜

peanutfs13

1

孙忠亮

1