为什么我的页面会自动重新加载？

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

}