Question

固定：我发现了原因：现在工作正常。我只需要手动使用chrome而不是使用Brackets实时查看器。

我希望网站在＆＃34; Home＆＃34;点击。我试图创建一个单独的JavaScript文件并将其链接到我的HTML中。我在其他问题上读到了这个问题，然后我听了一些答案并提出了这个问题。但是，当我点击＆＃34; Home＆＃34;什么都没发生。请帮我解决这个问题。

我的代码如下：

这是我的HTML：

＆＃13;

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

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

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>

警报弹出窗口onclick无法正常工作

1 个答案: