Question

我想用我在HTML中创建的按钮关闭程序的当前选项卡，并给他一个click事件，所以我想通过执行onclick来关闭js中的选项卡，但是当我单击按钮时什么也没有发生。

这是我的代码：

<div class="modal-footer">
    <button class="btn btn-light" id="closebtn" onclick="closeBtnClicked"> Close </button>
    <button class="btn btn-primary">Save</button>
</div>

这是我的js函数：

function closeBtnClicked(){
    window.close();
}

Answer 1

onclick属性必须包含一个函数调用，而不是函数名称。只需将onclick="closeBtnClicked"更改为onclick="closeBtnClicked()"。

有关示例和onclick属性的定义，请参见W3Schools。

Answer 2

您的代码有两个问题。第一个也是更明显的一个是您的 onclick 属性值缺少函数后的 ()。因此，您的函数从未真正被调用过。

然而，当您解决这个问题时，您会注意到另一个问题：如果窗口不是由同一个脚本打开的（例如使用 {{1 }} 函数）。

根据 Mozilla 的说法，这是一项安全预防措施，尽管我不明白如何利用关闭自己标签页的脚本。

Answer 3

尝试一下：只需调用close，onclick是一个函数，因此将其更改为closeBtnClicked（）。

function close_window() {
  if (confirm("Close Window?")) {
    close();
  }
}

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>

<body>

<a href="javascript:close_window();">close</a>

</body>
</html>

Answer 4

您忘记了“（）”，它是

onclick="closeBtnClicked()"

通过html按钮关闭当前标签页

4 个答案: