js弹出屏蔽层，避免重复提交

最新推荐文章于 2025-12-04 20:13:59 发布

原创最新推荐文章于 2025-12-04 20:13:59 发布 · 657 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #button #filter #function #div #浏览器

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

<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);