网页使用锚标记来打开一个模式时，重定向到一个空白链接(Page redirects to a bla

我试图打开使用锚标记模态窗口。 成功打开该模式窗口。 但是，页面在打开模态窗口重定向到一个随机的空白页。 我该如何解决？

 //script for modal var modal = document.getElementById("modalAdd"); var btn = document.getElementById("addMissing"); var span = document.getElementsByClassName("close")[0]; btn.onclick = function() { modal.style.display = "block"; } span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } 

 <!-- anchor --> <a data-toggle="modal" href="#modalAdd" id="addMissing"> Add </a> <!-- modal div --> <div id="modalAdd"> <div id="modalAdd-content"> <span class="close"> &times; </span> <p> Modal Content </p> </div> </div> 

Answer 1:

你或许应该使用button来打开一个模式，但在这里是你的问题的解决方案：

btn.onclick = function(event) {
  event.preventDefault(); // this will prevent default action
  modal.style.display = "block";
}

Answer 2:

代替你HREF与HREF =标记：通过数据模型，并获得价值“的JavaScript无效（0）”

文章来源: Page redirects to a blank link when using anchor tag to open a modal