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

通過JS來動態(tài)的修改url,實(shí)現(xiàn)對url的增刪查改

 更新時間:2014年09月01日 09:18:51   投稿:hebedich  
本文主要介紹了通過JS來動態(tài)的修改url,實(shí)現(xiàn)對url的增刪查改,把代碼分享給大家,希望能有所幫助

雖然可以通過get方式提交post表單等方式來動態(tài)修改url,但如果多個按鈕能并行提交時,寫多個大體相同,又有些細(xì)節(jié)差異的表單,難免有些不妥,因此,想到了通過JS來動態(tài)的修改url,來實(shí)現(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)文章

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

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

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

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

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

    JavsScript中Promise的錯誤捕獲詳解

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

    詳解ES7 Decorator 入門解析

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

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

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

    js鼠標(biāo)移動時禁止選中文字

    本文主要介紹了js鼠標(biāo)移動時禁止選中文字的方法,具有很好的參考價值,下面跟著小編一起來看下吧
    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#版的圖片縮放代碼做對比參考,需要的朋友可以參考下
    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ā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于uniapp頁面通訊之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)典入門項(xiàng)目之flappybird

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

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

最新評論