Javascript 将关闭按钮添加到自动弹出窗口

我正在尝试将自动弹出框添加到网站主页。我已经在这个网站上使用了先前答案中的代码，如下所示。弹出窗口工作正常，但您是否也可以添加关闭按钮/链接？提前谢谢你的帮助

Javascript:

<script type="text/javascript">
function show_popup()
{
  document.getElementById('popup').style.display = 'block'; 
}

window.onload = show_popup;
</script>

#popup
{
position:absolute;
z-index:99;
display:block;
top:200px;
left:50%;
width:567px;
height:420px; 
margin-left:-250px; 
}

<div id="popup">pop up window</div>

和呼叫：

<script type="text/javascript">
function show_popup()
{
  document.getElementById('popup').style.display = 'block'; 
}

window.onload = show_popup;
</script>

#popup
{
position:absolute;
z-index:99;
display:block;
top:200px;
left:50%;
width:567px;
height:420px; 
margin-left:-250px; 
}

<div id="popup">pop up window</div>

弹出窗口

在

弹出窗口中添加另一个div，单击该div可激活此
文档。getElementById（'popup'）。style.display='none'。您可以相对地将div定位到右上方的
位置，非常简单。
这里有一个简单的方法，在弹出的div中使用第二个绝对div

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>‌    
<div id="popup">
<div id='popup-close'>Close</div>
pop up window
</div>

有很多方法可以改进它并添加更多内容


函数show_popup（）{
document.getElementById（'popup'）.style.display='block'；
}
window.onload=显示弹出窗口；
$（'.popup closer'）。单击（函数（）{
$（'弹出'）.hide（）；
});
#弹出窗口{
位置：绝对位置；
z指数：99；
显示：块；
顶部：50%；左侧：50%；/*如果要将其居中，请执行此操作*/
转换：转换（-50%，-50%）；/*…这个*/
宽度：150px；
身高：225px；
颜色：白色；
背景色：黑色；
}
.弹出式关闭器{
位置：绝对位置；
顶部：5px；
右：5px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：红色；
边界半径：20px；
填充物：5px；
光标：指针；
}
.弹出式关闭：悬停{
背景色：白色；
}
html，正文{
边距：0；填充：0；
}

弹出窗口
对不起，我对这方面有点不熟悉，如何激活通话？我的意思是，一旦点击链接关闭窗口，呼叫会是什么样子？或者其他什么？如果不使用jQuery，可以使用与div关联的onclick（）事件。例如：
Close
在此之前是否包含jQuery库？如果不包括这一点<代码>
我想我在什么地方搞砸了。这就是我所做的。我在javascript中添加了额外的脚本：
code
函数show_popup（）{document.getElementById（'popup'）.style.display='block'；}window.onload=show_popup$（'popupclose'）。单击（函数（e）{$（'popup'）。隐藏（'fast'）；}）
code
并使用了提供的div调用，但仍然没有成功。有什么想法吗？我已经编辑了我的答案。我已经发布了完整的代码，这对你来说很容易理解。如果你仍然发现任何困难，请检查这个演示