通過(guò)JS來(lái)動(dòng)態(tài)的修改url,實(shí)現(xiàn)對(duì)url的增刪查改
雖然可以通過(guò)get方式提交post表單等方式來(lái)動(dòng)態(tài)修改url,但如果多個(gè)按鈕能并行提交時(shí),寫(xiě)多個(gè)大體相同,又有些細(xì)節(jié)差異的表單,難免有些不妥,因此,想到了通過(guò)JS來(lái)動(dòng)態(tài)的修改url,來(lái)實(shí)現(xiàn)對(duì)url的增刪查改。
<script> var LG=(function(lg){ var objURL=function(url){ this.ourl=url||window.location.href; this.href="";//?前面部分 this.params={};//url參數(shù)對(duì)象 this.jing="";//#及后面部分 this.init(); } //分析url,得到?前面存入this.href,參數(shù)解析為this.params對(duì)象,#號(hào)及后面存入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>
- JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁(yè)地址的方法
- JS動(dòng)態(tài)修改圖片的URL(src)的方法
- JS動(dòng)態(tài)修改表格cellPadding和cellSpacing的方法
- js動(dòng)態(tài)修改表格行colspan列跨度的方法
- JS來(lái)動(dòng)態(tài)的修改url實(shí)現(xiàn)對(duì)url的增刪查改
- JS獲取iframe中l(wèi)ongdesc屬性的方法
- JS獲取iframe中marginHeight和marginWidth屬性的方法
- JS動(dòng)態(tài)修改iframe高度和寬度的方法
相關(guān)文章
JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果示例
這篇文章主要介紹了JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果,結(jié)合實(shí)例形式分析了javascript與css3響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)圖片放大效果相關(guān)操作技巧,需要的朋友可以參考下2018-05-05url地址自動(dòng)加#號(hào)問(wèn)題說(shuō)明
# 包含了一個(gè)位置信息,默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁(yè)的上端,而javascript:void(0) 僅表示一個(gè)死鏈接。2010-08-08JavsScript中Promise的錯(cuò)誤捕獲詳解
怎么捕獲錯(cuò)誤并且處理是一門(mén)語(yǔ)言必備的知識(shí),在JavaScript中也是如此,下面這篇文章主要給大家介紹了關(guān)于JavsScript中Promise錯(cuò)誤捕獲的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06淺析JavaScript作用域鏈、執(zhí)行上下文與閉包
JavaScript 采用詞法作用域(lexical scoping),函數(shù)執(zhí)行依賴的變量作用域是由函數(shù)定義的時(shí)候決定,而不是函數(shù)執(zhí)行的時(shí)候決定,通過(guò)本文給大家介紹JavaScript作用域鏈、執(zhí)行上下文與閉包相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧2016-02-02js鼠標(biāo)移動(dòng)時(shí)禁止選中文字
本文主要介紹了js鼠標(biāo)移動(dòng)時(shí)禁止選中文字的方法,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02JS實(shí)現(xiàn)按比例縮放圖片的方法(附C#版代碼)
這篇文章主要介紹了JS實(shí)現(xiàn)按比例縮放圖片的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)等比例縮放圖片的原理與具體實(shí)現(xiàn)技巧,并附上C#版的圖片縮放代碼做對(duì)比參考,需要的朋友可以參考下2015-12-12uniapp頁(yè)面通訊講解之uni.$emit、uni.$on、uni.$once和uni.$off
uni-app?是一個(gè)使用vue.js開(kāi)發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于uniapp頁(yè)面通訊之uni.$emit、uni.$on、uni.$once和uni.$off的相關(guān)資料,需要的朋友可以參考下2022-09-09uniapp引用echarts的詳細(xì)步驟(附柱狀圖實(shí)例)
最近在uni-app搭建的微信小程序項(xiàng)目中使用了ECharts,下面這篇文章主要給大家介紹了關(guān)于uniapp引用echarts的詳細(xì)步驟,文中還附有柱狀圖實(shí)例,需要的朋友可以參考下2022-07-07CocosCreator經(jīng)典入門(mén)項(xiàng)目之flappybird
這篇文章主要介紹了CocosCreator經(jīng)典入門(mén)項(xiàng)目之flappybird,詳細(xì)說(shuō)明了制作的每個(gè)步驟,還有詳盡的代碼,對(duì)CocosCreator感興趣的同學(xué),一定要看一下2021-04-04