Question

每当我点击“添加JavaScript”时，都会执行编程的操作，但页面会重新加载。我只想在div上添加一个链接并在屏幕上显示。有人知道为什么吗？

window.onload = function(){
  var adicionar = document.getElementById("adicionar");
  adicionar.onclick = function(){
  	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);

}

Answer 1

#adicionar必须是锚标记。您可以从单击处理程序中return false禁用单击锚标记的默认行为（即加载与href属性对应的页面，如果是，则会导致当前页面重新加载href是空的。

Answer 2

它是由于当你点击一个id为＆＃34; adicionar＆＃34;的元素时触发默认事件引起的，你之前可以调用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);

}

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

2 个答案: