JS遮罩CSS指的是利用JavaScript代碼實(shí)現(xiàn)對HTML和CSS效果的阻止和覆蓋，從而達(dá)到控制網(wǎng)頁UI的目的。

遮罩效果一般是指彈出窗口、屏幕蒙版等阻止用戶操作的交互效果，使用JS遮罩CSS可以更好地實(shí)現(xiàn)這些效果。

//JS遮罩CSS示例代碼
//創(chuàng)建一個(gè)遮罩層
var oMask = document.createElement('div');
oMask.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999";
//添加遮罩層到頁面中
document.body.appendChild(oMask);
//清除遮罩層
document.body.removeChild(oMask);

通過創(chuàng)建一個(gè)黑色半透明的遮罩層，然后將其添加到body中，就可以實(shí)現(xiàn)遮罩效果。

除了遮罩層，JS遮罩CSS還可以用于防止用戶意外操作某些元素，比如實(shí)現(xiàn)不能非正常關(guān)閉的彈窗效果，可以通過監(jiān)聽窗口關(guān)閉事件來實(shí)現(xiàn):

//阻止關(guān)閉窗口事件
window.onbeforeunload = function(){
return "確認(rèn)離開嗎？";
}

以上是JS遮罩CSS的簡單應(yīng)用，可以根據(jù)實(shí)際需求進(jìn)一步擴(kuò)展。