javascript - 如何使用 Javascript 关闭弹出窗口

标签 javascript html

我是网络开发环境的新手。我只是一个初学者。我只是尝试使用 javascript 打开一个弹出窗口,以下是代码

<li>
  <a href = "javascript:void(0)" onclick ="document.getElementById('light').style.display='block';document.getElementById('fade').style=display='block'"><strong>Our Mission</strong>
    <em class="ico1" ></em>
  </a>
<div id="light" class="white_content">  <font color="white" ><p> SOME TEXT HERE</font>  
</div> 

弹出窗口打开。当我试图关闭它时,它不起作用。请帮我关闭弹出窗口。

最佳答案

您没有打开任何窗口,您正试图将 Div 显示为弹出框 所以 添加关闭按钮

这个按钮要加在弹出框里面

<input type="button" value="close" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style. 
display='none'" >

关于javascript - 如何使用 Javascript 关闭弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18502877/

相关文章:

javascript - 在具有可变高度的父div中制作具有自动边距的div

javascript - Canvas js 图表在 Bootstrap 3 布局中无法正确响应

jquery - 使用 overflow-x auto 下拉列表在表内被截断

javascript - 在 Node js 中定义模型时,Schema 不是构造函数

javascript - Konva在舞台外继续追踪鼠标

javascript - 使用 AJAX 发布数组时没有表单数据

javascript - Django 中的 Ajax POST 文件上传

HTML 文档的 PHP XPATH 省略所有标记。我想保留它们

javascript - 如何为所有实例设置相同的子组件动态宽度?网络组件

html - 工具正在 robots.txt 中定位未知代码