javascript - 警报弹出窗口 onclick 不起作用

Question

已修复:我发现了原因:它现在工作正常。我只需要手动使用 chrome 而不是使用 Brackets 实时查看器。

我希望网站在单击“主页”时弹出一个警告框。我试图创建一个单独的 javascript 文件并将其链接到我的 HTML 中。我在其他问题上阅读了有关此内容的信息，然后根据一些答案得出了这个结论。但是，当我单击“主页”时，没有任何反应。请帮我解决这个问题。

我的代码如下:

这是我的 HTML:

function popup() {
  alert("I am a pop up ! ");
}

body {
  background-color: #efefef;
  margin: 0 auto;
  font-family: sans-serif;
}

.nav_bar {
  background-color: #cccccc;
  border: 1px solid #000000;
  width: 900px;
  margin: auto;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
}

.nav_bar a {
  color: #000000;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 20px;
}

.nav_bar a:hover {
  color: darkblue;
  text-decoration: underline;
}

<div class="nav_bar">


  <a href="#" onclick="popup(); return false;">Home</a>
  <a href="#">About</a>
  <a href="#">Google</a>

</div>


<h1>Test website</h1>
<h4>Version 1.0</h4>

Answer 1

在 html 中:

 <a href='#' id='mylink'>click me</a>

在你的JS中

var myLink = document.getElementById('mylink');

myLink.onclick = function(){

      alert("I am a pop up ! ");

}

编辑:

确保您的 JS 文件已正确链接到正确的文件夹路径中。可能这会有所帮助:

 <script type="text/javascript" src="./javascript.js"></script>