爲什麼我的頁面會自動重新加載？

Question

無論何時我點擊「添加JavaScript」，都會執行編程的動作，但頁面會重新加載。我只是想在div上添加一個鏈接並將其顯示在屏幕上。 有人知道爲什麼嗎？

window.onload = function(){ 
 
    var adicionar = document.getElementById("adicionar"); 
 
    adicionar.onclick = function(){ 
 
    \t add(); \t 
 
    } 
 
}; 
 
function add(){ 
 
    var div  = document.getElementById("link-meio"); 
 
    var novoLink = document.createElement('A'); 
 
    var novoTexto = document.createTextNode("Novo textoooo"); 
 
    novoLink.appendChild(novoTexto); 
 
    div.appendChild(novoLink); 
 

 
}

Answer 1

#adicionar必須是一個錨標記。您可以從您的點擊處理程序中刪除return false以禁用點擊錨點標記的默認行爲（即加載對應於href屬性的頁面，並且如果href爲空，將導致當前頁面重新加載）。

Answer 2

它是由默認的事件，當你點擊一個元素ID爲「adicionar」被觸發，你可以之前調用preventDefault方法，這樣

window.onload = function(){ 
    var adicionar = document.getElementById("adicionar"); 
    adicionar.onclick = function(e){ 
    e.preventDefault(); 
    add(); 
    } 
}; 
function add(){ 
    var div  = document.getElementById("link-meio"); 
    var novoLink = document.createElement('A'); 
    var novoTexto = document.createTextNode("Novo textoooo"); 
    novoLink.appendChild(novoTexto); 
    div.appendChild(novoLink); 

}