JavaScript动态添加全局遮罩层

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/tian_i/article/details/87274750

使用js动态添加全局遮罩层

代码

function setMask(){//设置遮罩层
            var mask = document.createElement('div');
            mask.style.width = window.innerWidth + 'px';
            mask.style.height = window.innerHeight + 'px';
            mask.style.background = '#fff';
            mask.style.opacity = '.1';
            mask.style.position = 'fixed';
            mask.style.top = '0';
            mask.style.left = '0';
            mask.style.zIndex = 10086;
            document.body.appendChild(mask);
        }

使用

在需要使用的代码段中直接调用setMask方法即可。