首页 > Web开发 > 详细

js获取网页的url文件名( 例如index.aspx),js获取url的参数(例如获取 ?cid=joeylee的值),给jquery拓展方法

时间:2014-04-30 07:30:08      阅读:1111      评论:0      收藏:0      [点我收藏+]

 

bubuko.com,布布扣
<script type="text/javascript">

var JsRequest={   //这就是一个静态类,类里面有2个静态方法
	
	//方法一:获取url的文件名 例如 index.html  
	getUrlname:function(url){      //假如传进来的url是    http://www.qq.com/index.html?name=joey   这里一共是有3个斜杠,如果我们想获取index.html
		url=url.split(‘?‘)[0] ;// 我们只要?号前的
		var urlSlashCount=url.split(‘/‘).length; // 统计有3斜杠 
			return url.split(‘/‘)[urlSlashCount-1].toLowerCase();  //获取数组最后一个
		},
	//方法二:获取url里面的参数  我们传递一个 	getUrlParam("cid",window.location.search) 就能拿到cid的值
	//注意  假如一个网页的地址是 index.html?cid=joeylee 那么 他的window.location.search 是从?号开始的   即  ?cid=joeylee  这一串
 	getUrlParam:function(name,url){

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


var url = JsRequest.getUrlname( window.location.href);  
alert("原生方法获取到的url的名称是"+url);

var cid=JsRequest.getUrlParam("cid");
alert("原生方法获取到的cid的名称是"+cid);

(function($){
		  $.getUrl=JsRequest;    //将JsRequest添加为Jquery的扩展方法   ,方法名称为 getUrl  然后这个方法实际是包含了2个子方法的 
		  })(jQuery);


var u=$.getUrl.getUrlname( window.location.href);  
alert("Jquery拓展方法获取到的url的名称是"+u);
var d=$.getUrl.getUrlParam("cid");
alert("Jquery拓展方法获取到的cid的值是:"+d);
</script>
bubuko.com,布布扣


注意:这里

bubuko.com,布布扣
(function($){
		  $.getUrl=JsRequest;    //将JsRequest添加为Jquery的扩展方法   ,方法名称为 getUrl  然后这个方法实际是包含了2个子方法的 
		  })(jQuery);
bubuko.com,布布扣

是指给 jquery添加一个拓展方法,并且立即生效

 

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

js获取网页的url文件名( 例如index.aspx),js获取url的参数(例如获取 ?cid=joeylee的值),给jquery拓展方法,布布扣,bubuko.com

js获取网页的url文件名( 例如index.aspx),js获取url的参数(例如获取 ?cid=joeylee的值),给jquery拓展方法

原文:http://www.cnblogs.com/joeylee/p/3689273.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!