JS弹出对话框_JS弹出层遮盖效果_JS弹出一个层并且后面有遮盖

最新推荐文章于 2022-12-01 17:25:18 发布

envon123

最新推荐文章于 2022-12-01 17:25:18 发布

阅读量2.4w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： function div javascript border search xhtml

本文链接：https://blog.youkuaiyun.com/envon123/article/details/7415213

这篇博客介绍了一种简单的JavaScript实现弹出框的方法，该弹出框具有良好的兼容性和居中显示功能，即使在窗口变化或滚动时也能保持居中。作者提供了示例代码，适用于网页中的确认信息显示。

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

最近时不时要做些网页，也时不是用到弹出框来显示一些确认信息，

为了方便我自己使用，所以写了一个简单的JS，

今天特意做了一个示例，简单实用，兼容性好；

弹出框在最大化、拖动改变窗口大小和拖动滚动条时都可居中显示；

起码很适合我使用！

示例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<script language="JavaScript" type="text/javascript">
//|------------------------------------------------------------------------------------
//|
//| 说明：JS弹出全屏遮盖的对话框(弹出层后面有遮盖效果，兼容主流浏览器)
//|       实现了在最大化、拖动改变窗口大小和拖动滚动条时都可居中显示。
//|
//| 注意：主要使用EV_modeAlert和EV_closeAlert这两个函数行了；
//|       (EV_modeAlert-弹出对话框，EV_closeAlert-关闭对话框)；
//|       注意：使用时，请在body标签内(不要在其它元素内)写一div，
//|       再给这div赋一id属性，如：id="myMsgBox"，
//|       然后就可以调用EV_modeAlert('myMsgBox