同事写的一个js遮罩

/**
 * 遮罩
 * 用法:objTools.loading();
 * 关闭:$("#wbox_cover").remove();
 * 注意:z-dindex:1000 设定可能造成全覆盖
 */
objTools = {
	setPositionToCenter: function(node){
		node.style.position = "absolute";
		node.style.top = (objTools.getHeight() - node.offsetHeight) /2 + objTools.getTop() + "px";
		node.style.left = (objTools.getWidth() - node.offsetWidth) / 2 + "px";
	},
	
	getScrollHeight: function(){
		 return Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);
	},
	
	getWidth: function(){
		var width=0;
		if(document.documentElement && document.documentElement.clientWidth)
		{
			width=document.documentElement.clientWidth;
		}
		else if(document.body && document.body.clientWidth)
		{
			width=document.body.clientWidth;
		}
		else if(window.innerWidth)
		{
			width=window.innerWidth-18;
		}
		return width;
	},
	
	getHeight: function(){
		 var height=0;
		 if(window.innerHeight)
		 {
			 height=window.innerHeight-18;
		 }
		 else if(document.documentElement && document.documentElement.clientHeight)
		 {
			 height=document.documentElement.clientHeight;
		 }
		 else if(document.body && document.body.clientHeight)
		 {
			 height=document.body.clientHeight;
		 }
		 return height;
	},
	
	getTop: function(){
		 var scrollY=0;
		 if(document.documentElement && document.documentElement.scrollTop)
		 {
			 scrollY=document.documentElement.scrollTop;
		 }
		 else if(document.body && document.body.scrollTop)
		 {
			 scrollY=document.body.scrollTop;
		 }
		 else if(window.pageYOffset)
		 {
			 scrollY=window.pageYOffset;
		 }
		 else if(window.scrollY)
		 {
			 scrollY=window.scrollY;
		 }
		 return scrollY;
	},
	
	getLen: function(str){
		var len = 0;
		for (var i=0; i<str.length; i++) {
		  if (str.charCodeAt(i) > 127)
		   len += 2;
		  else
		   len++;
		}
		return len;
	},
	
	loading: function(){
		var elemCover = document.createElement("div");
		elemCover.id = "wbox_cover";
		elemCover.style.position = "absolute";
		elemCover.style.backgroundColor = "#000";
		elemCover.style.opacity = "0.3";
		elemCover.style.filter = "alpha(opacity=30)";
		elemCover.style.top = 0;
		elemCover.style.left = 0;
		elemCover.style.width = "100%";
		elemCover.style.zIndex = 1000;
		elemCover.style.height = objTools.getScrollHeight() + "px";
		document.body.appendChild(elemCover);
	}
};
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值