javascript - 无法提醒第二条警报消息

我正在编写一个HTML代码，其中有一个按钮，单击该按钮后，应该从JS显示2条警报，这是我的代码。

HTML：

<button id="chat" class="animated-chat tada" onclick="loadChatbox()" style="position: absolute; bottom: 90px; right: 490px;width: 80px; height: 30px; font-size:25px">Chat</button>
<div class="chatHeader">
  <span class="chat-text" style="text-align: center;">Chat with Care!!</span>
  <div id="close-chat" class="close">&times;</div>
  <div id="minim-chat" onclick="minimChatbox()">
    <span class="minim-button">&minus;</span>
  </div>
  <div id="maxi-chat" onclick="loadChatbox()">
    <span class="maxi-button">&plus;</span>
  </div>
</div>

Javascript：

function loadChatbox() {
  alert("Hi");
  alertAgain();
}

function alertAgain() {
  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0";
  alert("2nd alert");
}

在这里，当我单击Chat按钮时，就会提示alert("Hi");。但是当我注释掉以下部分时。

  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0";

我什至可以看到alert("2d alert")。这真是令人困惑。请让我知道我要去哪里错了，我该如何解决。

这是工作中的小提琴。 https://jsfiddle.net/8kpxwroa/

谢谢

最佳答案

第二个警报不起作用，因为您的JavaScript代码在以下位置中断：

var e = document.getElementById("chatbox");

在您的fiddle中，如果您检查控制台，则会发现此内容



这是因为文档在您的代码中找不到chatbox id。所以要么删除这一行

var e = document.getElementById("chatbox");

或者只是将元素放在具有chatbox id的html中

关于javascript - 无法提醒第二条警报消息，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47571148/