提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

HTML 利用js解析url

JSHTML 解析 利用 url
2023-09-11 14:19:17 时间

效果视频

  <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>

相关文章