js获取url参数代码实例分享(JS操作URL)
2013-12-13 00:00
1126 查看
代码很简单,主要一个思路是把url参数解析为js对象,再做增、删、改、查操作就很方便了~,这里做笔记。
LG只是我个人共同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[0].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获取触发事件元素在整个网页中的绝对坐标(示例代码)
- 分享JavaScript获取网页关闭与取消关闭的事件
- Javascript中call的两种用法实例
- Extjs4中的分页应用结合前后台
- javascript判断两个IP地址是否在同一个网段的实现思路
- 代码触发js事件(click、change)示例应用
- JS短路原理的应用示例 精简代码的途径
- alibaba-FastJSON Demo
- Javascript 中 call 的两种用法
- js模版引擎handlebars.js实用教程
- 用按钮或链接实现JSP页面跳转
- JavaScript字符转Unicode,顺便说句:GitHub的Oh no页面很亮
- JSP分页
- JS学习—this关键字
- 给JavaScript24条最佳实践
- 一些非常实用的JSON 教程
- JSP自定义标签
- JSON-lib框架,转换JSON、XML不再困难
- javascript设计模式-生成器模式(Builder)
- FastJson---高性能JSON开发包