JavaScript操作URL的相关内容集锦【美高梅网址】,
分类:计算机网络

_.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动态修改图片的URL(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=""    以上三个用法同样均为在脚下页面张开UHavalL页面
(2)this.location.href=""    当前页面张开U宝马7系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文件用到了cssRule
  • js动态修改input输入框的type属性(完成方式深入分析)
  • JS自定义功效函数达成动态增加网站参数修改网站参数值
  • js动态修改总体页面样式达到换肤效果
  • IE6下JS动态设置图片src地址难点
  • JS动态修改图片的UKugaL(src)的点子

你可能感兴趣的小说:

  • JS动态修改表格cellPadding和cellSpacing的艺术
  • js动态修改表格行colspan列跨度的格局
  • JS来动态的修改url落成对url的增加和删除查改
  • js 动态修改css文件的主意
  • js动态修改input输入框的type属性(完毕方式解析)
  • JS自定义作用函数完毕动态拉长网站参数修改网站参数值
  • js动态修改总体页面样式到达换肤效果
  • IE6下JS动态设置图片src地址难点
  • JS动态修改图片的UMuranoL(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正则深入分析URL参数示例代码
  • js获取url参数值的二种艺术
  • js和php怎样获得当前url的剧情
  • JSP中js传递和平化解析U奇骏L参数以及国语转码和解码难点
  • js获取url参数代码实例分享(JS操作URAV4L)
  • JS获取url链接字符串 location.href
  • 手提式有线电电话机平板等活动端适配跳转UENCOREL的js代码
  • 在jsp页面怎么样获得url参数
  • JS获取URubiconL中参数值(QueryString)的4种方法分享
  • JS截取url中问号后边参数的值新闻
  • JS的encodeULacrosseI和java的UOdysseyLDecoder.decode使用介绍
  • Js+Jq获取U凯雷德L参数的汇总方法自己要作为模范遵守规则代码
  • js获取当前页面的url网站音信
  • 用js通过url传参把多少从一个页面传到另贰个页面
  • JS来动态的修改url完毕对url的增加和删除查改
  • 三个JavaScript函数把U奥迪Q5L参数深入分析成Json对象
  • nodejs中间转播换UEscortL字符串与查询字符串详解
  • node.js中的url.parse方法应用验证
  • NodeJS学习笔记之(Url,QueryString,Path)模块
  • nodejs UENVISIONL模块操作U奥德赛L相关方法介绍
  • JS动态修改图片的UEscortL(src)的法门
  • 移除AngularJS下URL中的#字符的措施

本文由美高梅网址发布于计算机网络,转载请注明出处:JavaScript操作URL的相关内容集锦【美高梅网址】,

上一篇:后台数据,Json实现分页显示附效果图 下一篇:JS实现关键字搜索时的相关下拉字段效果,一个自
猜你喜欢
热门排行
精彩图文