实现对url的增删查改,动态修改css文件用到了c
分类:关于美高梅

 _.find(document.styleSheets[4].cssRules,function(cssRule){ 
if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ 
cssRule.style.position=""; 
cssRule.style.top = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") >-1){ 
cssRule.style.padding = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") >-1){ 
cssRule.style.padding = "0px"; 
} 
});
_.find(document.styleSheets[4].cssRules,function(cssRule){ 
if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ 
cssRule.style.position=""; 
cssRule.style.top = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") >-1){ 
cssRule.style.padding = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") >-1){ 
cssRule.style.padding = "0px"; 
} 
});

尽管如此能够由此get方式提交post表单等办法来动态修改url,但如若八个按键能互相提交时,写多少个大约一样,又微微细节差别的表单,难免有些欠妥,因而,想到了通过JS来动态的修改url,来实现对url的增删查改。

---恢复内容最先---

循环用的underscore,在使用cssRule不能够一向动用上边包车型客车代码,不然不会立竿见影

循环用的underscore,在行使cssRule无法平昔运用上边包车型大巴代码,不然不会收效

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

1.location.href.....

cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";
cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";

你可能感兴趣的篇章:

  • JS动态修改iframe内嵌网页地址的法子
  • JS动态修改图片的U宝马X5L(src)的点子
  • JS动态修改表格cellPadding和cellSpacing的章程
  • js动态修改表格行colspan列跨度的艺术
  • JS来动态的修改url完结对url的增加和删除查改
  • JS获取iframe中longdesc属性的办法
  • JS获取iframe中marginHeight和marginWidth属性的秘技
  • JS动态修改iframe高度和宽窄的措施

美高梅网址,(1)self.loction.href=""
       window.location.href=""    以上多少个用法一样均为在这段时间页面张开U大切诺基L页面
(2)this.location.href=""    当前页面展开U路虎极光L
(3) parent.location.href=""   在父页面展开新页面,假设页面中自定义了frame,那么可将parent self top换为自定义frame的名目,效果是在frame窗口展开url地址
(4) top.location.href=""   在顶层页面张开新页面

只好动用

唯其如此选用

  1. 有关刷新页面
cssRule.style.padding = "0px";
cssRule.style.padding = "0px";

 (1)window.location.href=
 (2)window.location.Reload()
    都以刷新当前页面。分裂在于是或不是有付出数据。当有付出数据时,window.location.Reload()会唤起是不是交由,window.location.href=

您只怕感兴趣的著作:

  • JS动态修改表格cellPadding和cellSpacing的点子
  • js动态修改表格行colspan列跨度的章程
  • JS来动态的修改url达成对url的增加和删除查改
  • js 动态修改css文件的方法
  • js动态修改input输入框的type属性(落成方式剖析)
  • JS自定义功用函数完结动态拉长网站参数修改网站参数值
  • js动态修改总体页面样式达到换肤效果
  • IE6下JS动态设置图片src地址难点
  • JS动态修改图片的URubiconL(src)的点子

您或然感兴趣的稿子:

  • JS动态修改表格cellPadding和cellSpacing的措施
  • js动态修改表格行colspan列跨度的方式
  • JS来动态的修改url实现对url的增加和删除查改
  • js 动态修改css文件用到了cssRule
  • js动态修改input输入框的type属性(达成情势解析)
  • JS自定义作用函数达成动态增进网址参数修改网站参数值
  • js动态修改总体页面样式到达换肤效果
  • IE6下JS动态设置图片src地址难题
  • JS动态修改图片的ULacrosseL(src)的措施

 (1)第一段为实在在用的

function getURLParameter(name)
 {2 3      
 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/+/g, '%20')) || null; //构造一个含有目标参数的正则表达式对象4 5   }

//获取url中的参数2     
function getUrlParam(name)
{3      
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象4      
var r = window.location.search.substr(1).match(reg); //匹配目标参数5      
if (r != null) return unescape(r[2]); return null; //返回参数值6    
}

  举个例子像获取下边链接的邮箱

  http://agent/index.php/Home/Login/getpwd_check_email?code=824790&to=1321136493@qq.com

var mail = getURLParameter('to');

---恢复生机内容停止---

上边再来看一下js操作url的代码

代码一点也不细略,首要二个思路是把url参数剖析为js对象,再做增、删、改、查操作就很平价了~,这里做笔记。

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||{}));

LG只是本人个人一齐JS的称号空间,无他。调用:

var myurl=new LG.URL("http://www.baidu.com?a=1");
  myurl.set("b","hello"); //添加了b=hello
  alert (myurl.url());
  myurl.remove("b"); //删除了b
  alert(myurl.get ("a"));//取参数a的值,这里得到1
  myurl.set("a",23); //修改a的值为23
  alert (myurl.url());

你或然感兴趣的小说:

  • JS化解url传值出现中文乱码的另类办法
  • js正则分析U卡宴L参数示例代码
  • js获取url参数值的二种形式
  • js和php如何赢妥帖前url的情节
  • JSP中js传递和平解决析U凯雷德L参数以及国语转码和平消除码难题
  • js获取url参数代码实例分享(JS操作URAV4L)
  • JS获取url链接字符串 location.href
  • 手提式有线话机平板等运动端适配跳转U途胜L的js代码
  • 在jsp页面怎样获取url参数
  • JS获取UPAJEROL中参数值(QueryString)的4种办法分享
  • JS截取url中问号前边参数的值消息
  • JS的encodeU君越I和java的U奥德赛LDecoder.decode使用介绍
  • Js+Jq获取UHavalL参数的汇总方法以身作则代码
  • js获取当前页面包车型客车url网站音讯
  • 用js通过url传参把多少从八个页面传到另三个页面
  • JS来动态的修改url实现对url的增删查改
  • 三个JavaScript函数把ULacrosseL参数深入分析成Json对象
  • nodejs中转变URL字符串与查询字符串详解
  • node.js中的url.parse方法运用表明
  • NodeJS学习笔记之(Url,QueryString,Path)模块
  • nodejs U兰德SportageL模块操作UENCOREL相关方法介绍
  • JS动态修改图片的ULANDL(src)的措施
  • 移除AngularJS下URL中的#字符的不二诀窍

本文由美高梅网址发布于关于美高梅,转载请注明出处:实现对url的增删查改,动态修改css文件用到了c

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文