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

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

envon123

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

阅读量2.4w

点赞数 3

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

本文链接：https://blog.csdn.net/envon123/article/details/7415213

版权

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

摘要由CSDN通过智能技术生成

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

为了方便我自己使用，所以写了一个简单的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这两个函数行了；
//|