HTML 利用js解析url

抢我糖还想跑

于 2022-08-23 11:56:29 发布

阅读量500

点赞数

分类专栏：前端 # HTML 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_41749451/article/details/126481839

版权

HTML 同时被 2 个专栏收录

13 篇文章 3 订阅

订阅专栏

前端

10 篇文章 0 订阅

订阅专栏

效果视频

  <script type="text/javascript">
            window.onload = function(){    
              GetRequest();
            }
            
            function GetRequest() {
              
                var url = location.search; //获取url中"?"符后的字串
                var theRequest = new Object();

                
                var color=null;//颜色
                var result=null;//操作结果
                var person=null;//操作人员显隐
                var but1=null;//返回按钮显隐

                if (url.indexOf("?") != -1) {
                    var str = url.substr(1);
                    strs = str.split("&");

                    result=unescape(strs[0].split("=")[1]);
                    color=unescape(strs[1].split("=")[1]);
                    person=unescape(strs[2].split("=")[1]);
                    but1=unescape(strs[3].split("=")[1]);
                    
                }
                console.log(result);
                console.log(color);
                console.log(person);
                console.log(but1);

                //返回操作结果
                if(result=="1")
                {
                    document.getElementById("proresult").innerHTML="操作成功";
                    document.getElementById("error").style.display='none';
                }
                else
                {
                    document.getElementById("proresult").innerHTML="操作失败";
                    document.getElementById("m-duigou").style.display='none';
                }

                //返回操作人员信息
                if(person!="")
                {
                    document.getElementById("perresult").innerHTML=person;
                }
                else
                {
                    document.getElementById("time_div").style.display='none';
                    document.getElementById("user_div").style.display='none';
                }

                //返回完成按钮
                if(but1!="1")
                {
                    document.getElementById("button1").style.display='none';
                }

                //返回颜色
                document.getElementById("button1").style.backgroundColor=color;
                document.getElementById("m-box").style.backgroundColor=color;
              
               
            }
           
            </script>

 <body>
        <div class="up">
            <div class="m-box" id="m-box">
                <div class="m-duigou" id="m-duigou"></div>
                <div class="error" id="error"></div>
            </div>

            <div class="p1" id="proresult"></div>

            <div class="user_div" id="user_div">
                <div >
                   操作者：
                </div>
                <div id="perresult">
                      
                </div>
            </div>
            <div class="time_div" id="time_div">
                <div >
                   操作时间：
                </div>
                <div id="time" >
                      
                </div>
            </div>

        </div>

        <div class="bottom">
            <input type="submit" value="完成" class="button1" id="button1">
        </div>
    </body>