这次项目中需要使用在弹出窗口时使用遮罩层来屏蔽页面上其他的操作,所以参考资料写了一个可复用的:
BRMMS = {},BRMMS.BackDiv = {};
/**弹出一个底部的层遮住页面,禁止用户进行当前层外的其他操作
*/
BRMMS.BackDiv.popBackDiv=function(){
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight);
var isIe=(document.all)?true:false;
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;z-index:1;";
styleStr+=(isIe)?"filter:alpha(opacity=1);":"opacity:0.01;";
back.style.cssText=styleStr;
document.body.appendChild(back);
}
/**去掉底部的层
*/
BRMMS.BackDiv.delBackDiv=function(){
if(document.getElementById('back')!=null)
{
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
};
}
/**将底部的层设置为当前页面大小
*/
BRMMS.BackDiv.resizeBackDiv=function(){
var back= document.getElementById('back');
if(back!=null){
back.style.width =""+parseInt(document.documentElement.scrollWidth)+"px";
back.style.height =""+parseInt(document.documentElement.scrollHeight)+"px";
}
}