通過JS來動態(tài)的修改url,實現(xiàn)對url的增刪查改
更新時間:2014年09月01日 09:18:51 投稿:hebedich
本文主要介紹了通過JS來動態(tài)的修改url,實現(xiàn)對url的增刪查改,把代碼分享給大家,希望能有所幫助
雖然可以通過get方式提交post表單等方式來動態(tài)修改url,但如果多個按鈕能并行提交時,寫多個大體相同,又有些細節(jié)差異的表單,難免有些不妥,因此,想到了通過JS來動態(tài)的修改url,來實現(xiàn)對url的增刪查改。
<script> var LG=(function(lg){ var objURL=function(url){ this.ourl=url||window.location.href; this.href="";//?前面部分 this.params={};//url參數對象 this.jing="";//#及后面部分 this.init(); } //分析url,得到?前面存入this.href,參數解析為this.params對象,#號及后面存入this.jing objURL.prototype.init=function(){ var str=this.ourl; var index=str.indexOf("#"); if(index>0){ this.jing=str.substr(index); str=str.substring(0,index); } index=str.indexOf("?"); if(index>0){ this.href=str.substring(0,index); str=str.substr(index+1); var parts=str.split("&"); for(var i=0;i<parts.length;i++){ var kv=parts[i].split("="); this.params[kv[0]]=kv[1]; } } else{ this.href=this.ourl; this.params={}; } } //只是修改this.params objURL.prototype.set=function(key,val){ this.params[key]=val; } //只是設置this.params objURL.prototype.remove=function(key){ this.params[key]=undefined; } //根據三部分組成操作后的url objURL.prototype.url=function(){ var strurl=this.href; var objps=[];//這里用數組組織,再做join操作 for(var k in this.params){ if(this.params[k]){ objps.push(k+"="+this.params[k]); } } if(objps.length>0){ strurl+="?"+objps.join("&"); } if(this.jing.length>0){ strurl+=this.jing; } return strurl; } //得到參數值 objURL.prototype.get=function(key){ return this.params[key]; } lg.URL=objURL; return lg; }(LG||{})); var myurl=new LG.URL(window.location.href); myurl.remove("b"); //刪除了b alert(myurl.get ("a"));//取參數a的值,這里得到1 myurl.set("a",23); //修改a的值為23 alert (myurl.url()); </script>
相關文章
淺析JavaScript作用域鏈、執(zhí)行上下文與閉包
JavaScript 采用詞法作用域(lexical scoping),函數執(zhí)行依賴的變量作用域是由函數定義的時候決定,而不是函數執(zhí)行的時候決定,通過本文給大家介紹JavaScript作用域鏈、執(zhí)行上下文與閉包相關知識,感興趣的朋友一起學習吧2016-02-02uniapp頁面通訊講解之uni.$emit、uni.$on、uni.$once和uni.$off
uni-app?是一個使用vue.js開發(fā)所有前端應用的框架,下面這篇文章主要給大家介紹了關于uniapp頁面通訊之uni.$emit、uni.$on、uni.$once和uni.$off的相關資料,需要的朋友可以參考下2022-09-09