如何用JavaScript编写弹出窗口显示代码？

本文共计989个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大师分享了JavaScript实现弹出窗口的具体代码，供大家参考。具体内容如下：

思路：1、总体使用两个div，一个作为底层展示，一个作为弹出窗口；2、两个窗口独立进行CSS设计。

改写后：大师分享了实现弹出窗口的JavaScript代码，内容如下：

1. 使用两个div，底层用于展示，弹出窗口用于弹窗；

2.两个窗口独立设计CSS样式。

本文实例为大家分享了JavaScript实现弹出窗口的具体代码，供大家参考，具体内容如下

思路

1、总体使用两个div，一个作为底层展示，一个做为弹出窗口；
2、两个窗口独立进行CSS设计，通过display属性进行设置现实与隐藏，此处建议使用display属性而不是visibility属性，visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间，影响布局；
3、在js内设计两个onclick事件，分别指定函数，分别为开启弹窗和关闭弹窗。