欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

相關文章

  • JS與CSS3實現(xiàn)圖片響應鼠標移動放大效果示例

    JS與CSS3實現(xiàn)圖片響應鼠標移動放大效果示例

    這篇文章主要介紹了JS與CSS3實現(xiàn)圖片響應鼠標移動放大效果,結合實例形式分析了javascript與css3響應鼠標事件動態(tài)修改頁面元素屬性實現(xiàn)圖片放大效果相關操作技巧,需要的朋友可以參考下
    2018-05-05
  • url地址自動加#號問題說明

    url地址自動加#號問題說明

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

    JavsScript中Promise的錯誤捕獲詳解

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

    詳解ES7 Decorator 入門解析

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

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

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

    js鼠標移動時禁止選中文字

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

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

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

    uniapp頁面通訊講解之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
  • uniapp引用echarts的詳細步驟(附柱狀圖實例)

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

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

    CocosCreator經典入門項目之flappybird

    這篇文章主要介紹了CocosCreator經典入門項目之flappybird,詳細說明了制作的每個步驟,還有詳盡的代碼,對CocosCreator感興趣的同學,一定要看一下
    2021-04-04

最新評論