亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

通過(guò)JS來(lái)動(dòng)態(tài)的修改url,實(shí)現(xiàn)對(duì)url的增刪查改

 更新時(shí)間:2014年09月01日 09:18:51   投稿:hebedich  
本文主要介紹了通過(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>

相關(guān)文章

  • JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果示例

    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-05
  • url地址自動(dòng)加#號(hào)問(wèn)題說(shuō)明

    url地址自動(dòng)加#號(hào)問(wèn)題說(shuō)明

    # 包含了一個(gè)位置信息,默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁(yè)的上端,而javascript:void(0) 僅表示一個(gè)死鏈接。
    2010-08-08
  • JavsScript中Promise的錯(cuò)誤捕獲詳解

    JavsScript中Promise的錯(cuò)誤捕獲詳解

    怎么捕獲錯(cuò)誤并且處理是一門(mén)語(yǔ)言必備的知識(shí),在JavaScript中也是如此,下面這篇文章主要給大家介紹了關(guān)于JavsScript中Promise錯(cuò)誤捕獲的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-06-06
  • 詳解ES7 Decorator 入門(mén)解析

    詳解ES7 Decorator 入門(mén)解析

    這篇文章主要介紹了詳解ES7 Decorator 入門(mén)解析,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-02-02
  • 淺析JavaScript作用域鏈、執(zhí)行上下文與閉包

    淺析JavaScript作用域鏈、執(zhí)行上下文與閉包

    JavaScript 采用詞法作用域(lexical scoping),函數(shù)執(zhí)行依賴的變量作用域是由函數(shù)定義的時(shí)候決定,而不是函數(shù)執(zhí)行的時(shí)候決定,通過(guò)本文給大家介紹JavaScript作用域鏈、執(zhí)行上下文與閉包相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧
    2016-02-02
  • js鼠標(biāo)移動(dòng)時(shí)禁止選中文字

    js鼠標(biāo)移動(dòng)時(shí)禁止選中文字

    本文主要介紹了js鼠標(biāo)移動(dòng)時(shí)禁止選中文字的方法,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • JS實(shí)現(xiàn)按比例縮放圖片的方法(附C#版代碼)

    JS實(shí)現(xiàn)按比例縮放圖片的方法(附C#版代碼)

    這篇文章主要介紹了JS實(shí)現(xiàn)按比例縮放圖片的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)等比例縮放圖片的原理與具體實(shí)現(xiàn)技巧,并附上C#版的圖片縮放代碼做對(duì)比參考,需要的朋友可以參考下
    2015-12-12
  • uniapp頁(yè)面通訊講解之uni.$emit、uni.$on、uni.$once和uni.$off

    uniapp頁(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-09
  • uniapp引用echarts的詳細(xì)步驟(附柱狀圖實(shí)例)

    uniapp引用echarts的詳細(xì)步驟(附柱狀圖實(shí)例)

    最近在uni-app搭建的微信小程序項(xiàng)目中使用了ECharts,下面這篇文章主要給大家介紹了關(guān)于uniapp引用echarts的詳細(xì)步驟,文中還附有柱狀圖實(shí)例,需要的朋友可以參考下
    2022-07-07
  • CocosCreator經(jīng)典入門(mén)項(xiàng)目之flappybird

    CocosCreator經(jīng)典入門(mén)項(xiàng)目之flappybird

    這篇文章主要介紹了CocosCreator經(jīng)典入門(mén)項(xiàng)目之flappybird,詳細(xì)說(shuō)明了制作的每個(gè)步驟,還有詳盡的代碼,對(duì)CocosCreator感興趣的同學(xué),一定要看一下
    2021-04-04

最新評(píng)論