js弹出屏蔽层，避免重复提交-优快云博客

本文链接：https://blog.youkuaiyun.com/goding/article/details/6013967

本文介绍了一个简单的HTML和JavaScript实现页面局部加载遮罩层的方法。通过创建并定位两个div元素，一个作为背景遮罩层，另一个作为提示信息框，实现了页面局部加载时的数据处理提示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
    <title></title>
    <style type="text/css">
    
    </style>

    <script type="text/javascript">
    function ShowModleDiv()
    {
      var bgObj=document.createElement("div");
      bgObj.setAttribute('id','bgDiv');
      bgObj.className="msgbg";
      document.body.appendChild(bgObj);
      var boxObj=document.createElement("div");
      boxObj.setAttribute('id','box');
      boxObj.innerHTML="数据处理中，请稍候…";
      document.body.appendChild(boxObj);