JS正则表达式进取URL中的域名

作者:admin 日期:2015-08-26

这个事件比较简单，就直接上代码了。

var urls = [
	"http://www.zeroplace.cn",
	"http://www.zeroplace.cn/",
	"http://www.zeroplace.cn/article.asp?id=957",
	"https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=web%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91&rsv_spt=1&oq=JSON.stringify&rsv_pq=8ba7307400013580&rsv_t=2a02dSXqxXonLrYdUkp9FjCY4PxpOu1kBVqJCbNQxR2jooK1SQEde%2F0yBXLnXmXonlps&rsv_enter=1&rsv_sug3=13&rsv_sug1=11&bs=JSON.stringify"
];

var pattern = /^(http|https):\/\/([^\/]*)(?:$|\/.*$)/

urls.forEach(function(url){
	var match = url.match(pattern);
	console.log([match[1], match[2]]);
});

match[2]就是最后的域名，只能匹配http或https的schema。

Tags: 正则表达式 js

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 8934

JS常用代码片段集合

作者:admin 日期:2014-06-19

JS实现String#repeat

var a = new Array(10+1).join('-');

绑定函数的this指针(scope)

function bind(func, obj)
{
	return function(){
		func.apply(obj, arguments);
	};
}

var obj = {
	name : "WEB应用开发",
	url  : "http://www.zeroplace.cn"
};

var func = bind(function(param){
	alert(this.name + " " + this.url + " " + param);
}, obj);

func("很不错的网站");

获取和设置COOKIE

function setCookie(key, value, path, domain, expires, secure)
{
	var cookie = [];

	cookie.push(key + "=" + escape(value || ""));

	if (!value) {
		expires = new Date(Date.now() - 1).toGMTString();
	}

	if (path) {
		cookie.push("path=" + path);
	}

	if (domain) {
		cookie.push("domain=" + domain);
	}

	if (expires) {
		cookie.push("expires=" + expires);
	}

	if (secure) {
		cookie.push("expires");
	}


	console.log(document.cookie = cookie.join(";"));
}


function getCookie(name)
{
	var pattern = new RegExp(name + "=(.*?)(?:;|$)");
	var arr = document.cookie.match(pattern);
	if (arr) {
		return arr[1];
	} else {
		return null;
	}
}

Tags: js

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5565

Js异步协作

作者:admin 日期:2013-08-06

文档 http://html5ify.com/eventproxy/api.html

先上上段代码

var EventProxy = require("./eventproxy');
 var proxy = new EventProxy();
 var add= function (v1, v2, v3){
       console.log(v1+v2+v3+'');
    };
proxy.assign("v1", "v2", "v3", add);
    clinet1.get("key1", function (err, data) {
        //do something
        proxy.trigger("v1", data);
    });
   clinet2.get("data", function (err, data) {
        //do something
        proxy.trigger("v2", data);
    });
    clinet3.get("l10n", function (err, data) {
        //do something
        proxy.trigger("v3", data);
    });

在JS的编程中经常会有这样的需要: 需要生成一个页面，数据是ajax的，模板也是ajax获取，通常的做法是先发一个ajax请求取数据，等永请求完成再发一个ajax请求取模板，最后再来渲染。

实际上请求数据和请求模板这两个请求同时发起，等两个都返回的时候就可以渲染了。这个eventproxy就是为方便这样做事而写的一个东西。

Tags: js 异步

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6444