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參數(shù)對象 this.jing="";//#及后面部分 this.init(); } //分析url,得到?前面存入this.href,參數(shù)解析為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; } //只是設(shè)置this.params objURL.prototype.remove=function(key){ this.params[key]=undefined; } //根據(jù)三部分組成操作后的url objURL.prototype.url=function(){ var strurl=this.href; var objps=[];//這里用數(shù)組組織,再做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; } //得到參數(shù)值 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"));//取參數(shù)a的值,這里得到1 myurl.set("a",23); //修改a的值為23 alert (myurl.url()); </script>
相關(guān)文章
JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟,主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下2023-02-02js實現(xiàn)類似于add(1)(2)(3)調(diào)用方式的方法
這篇文章主要介紹了js實現(xiàn)類似于add(1)(2)(3)調(diào)用方式的方法,需要的朋友可以參考下2015-03-03原生javascript實現(xiàn)的ajax異步封裝功能示例
這篇文章主要介紹了原生javascript實現(xiàn)的ajax異步封裝功能,結(jié)合完整實例形式分析了原生javascript實現(xiàn)的ajax異步交互函數(shù)與相應(yīng)的使用方法,需要的朋友可以參考下2016-11-11javascript sudoku 數(shù)獨智力游戲生成代碼
javascript sudoku 數(shù)獨智力游戲生成代碼,喜歡的朋友可以參考下。2010-03-03js 通過html()及text()方法獲取并設(shè)置p標簽的顯示值
這篇文章主要介紹了js 通過html()及text()方法獲取并設(shè)置p標簽的顯示值,需要的朋友可以參考下2014-05-05兩款JS腳本判斷手機瀏覽器類型跳轉(zhuǎn)WAP手機網(wǎng)站
本文通過兩款js腳本判斷手機瀏覽器類型跳轉(zhuǎn)到wap手機網(wǎng)站,感興趣的小伙伴快來學習吧2015-10-10