警報彈出onclick不起作用

修復：我發現原因：它現在工作正常。我只需手動使用chrome而不是使用Brackets live viewer。警報彈出onclick不起作用

我希望網站在點擊「主頁」時彈出警告框。我試圖創建一個單獨的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>

來源

2017-09-07 qtt qtt

它工作正常，你可以請檢查您是否已經包括'javascript.js'得當，它應該是在同一個地方，你正在使用的HTML頁面！ –

你使用什麼瀏覽器？ – k2snowman69

@NarenMurali是的，它在同一個文件夾中。 –

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

來源

2017-09-07 18:24:22 napi15

警報彈出onclick不起作用

回答

相關問題