如何在div中关闭窗口按钮?

时间:2019-04-17 06:05:50

标签: javascript html

我想在div中关闭窗口按钮。如何使其在Javascript中起作用?

HTML

<div class="row justify-content-center" id="closeBox"></div>
          <button onclick="???">Close Window</button>
</div>

脚本

<script>
    //What goes here?
</script>

2 个答案:

答案 0 :(得分:2)

只需window.close

<button onclick="window.close()">Close Window</button>

答案 1 :(得分:1)

一样在按钮单击时调用一些 js 函数
<div class="row justify-content-center" id="closeBox"></div>
          <button onclick="closeWindow()">Close Window</button>
</div>

然后在脚本中将功能添加为

var closeWindow = function(){
   window.close()
}

相反,如果您要关闭或隐藏parante div( #closeBox ),请将函数更改为

var closeWindow = function(){
       document.getElementById("closeBox").style.display = 'none';
}