JavaScript method to pop up a transparent floating layer after clicking the button

The example in this article describes how to use JavaScript to pop up a transparent floating layer after clicking a button. Share it with everyone for your reference. The specific analysis is as follows:

Here, the page turns gray after clicking, and a centered floating layer prompt window pops up using JS. This window is transparent, and the transparency can be set. There are many similar JavaScript codes on the Internet. You can Learn from it.

浮动层居中的对话框效果演示'+sTitle+
  ((bCancel)?
  '':'')+
  '\n' + sHTML;
 dg.innerHTML = sHTML;
 var dbg = document.createElement("div");
 dbg.id = "nd-bdg";
 dbg.className = "neat-dialog-bg";
 var dgc = document.createElement("div");
 dgc.className = "neat-dialog-cont";
 dgc.appendChild(dbg);
 dgc.appendChild(dg);
 if (document.body.offsetLeft > 0)
 dgc.style.marginLeft = document.body.offsetLeft + "px";
 document.body.appendChild(dgc);
 if (bCancel) document.getElementById("nd-cancel").onclick = function()
 {
  window.neatDialog.close();
 };
 this.elt = dgc;
 window.neatDialog = this;
 }
}
NeatDialog.prototype.close = function()
{
 if (this.elt)
 {
 this.elt.style.display = "none";
 this.elt.parentNode.removeChild(this.elt);
 }
 window.neatDialog = null;
}
function openDialog()
 {
var sHTML = '你现在看到的是一个层窗口，是被JS控制弹出的'+
  '关闭';
 new NeatDialog(sHTML, "你知道吗？", false);
}
" _ue_custom_node_="true">

【Related Tutorial Recommendations】

1. JavaScript Video Tutorial
2. JavaScript Online Manual
3. bootstrap tutorial