如何用JavaScript编写一个实现弹出窗口效果的长尾词？

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

原文示例：本文字例为大师分享了JavaScript实现弹出窗口的具体代码，供大家参考。具体内容如下：思路：1、总体使用两个div，一个作为底层展示，一个作为弹出窗口；2、两个窗口独立进行CSS设计。

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

思路

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