Почему моя страница автоматически перезагружается?

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

Его вызывается событие по умолчанию срабатывает, когда вы щелкните на элементе с идентификатором «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); 

}