为什么 JavaScript 在 localhost 上不起作用，但在我的机器上运行得很好？

Question

我正在尝试创建一个隐藏/显示 div 的按钮，这段代码在我的浏览器中完美运行，但是如果我上传到我的本地主机，它就会变得一团糟（我使用 XAMPP）

 var dropdown = document.getElementById("dropdown"); function Mostrar() { dropdown.style.display = "flex"; } function Ocultar() { dropdown.style.display = "none"; }

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <title>Menu Responsive</title> </head> <body> <input type="button" value="Hide text" onclick="Ocultar()"> <input type="button" value="Show text" onclick="Mostrar()"> <ul id="dropdown"> <li>INICIO</li> <li>BLOGS</li> <li>CURSOS</li> <li>CONTACTO</li> </ul> <script type="text/javascript" src="code.js"></script> </body> </html>

Answer 1

更新您的功能如下

function Mostrar() {
  // dropdown.style.display = "flex"; // Change this to "block"
  dropdown.style.display = "block";
}

Answer 2

可能是浏览器问题。 将您的 Monstrar 函数更改为此

function Mostrar() {
   dropdown.style.display = "inline-flex";
}

为什么 JavaScript 在 localhost 上不起作用，但在我的机器上运行得很好？

问题描述

2 个解决方案

解决方案1
0 2020-01-27 04:47:28

解决方案2
0 2020-01-27 04:56:09

为什么 JavaScript 在 localhost 上不起作用，但在我的机器上运行得很好？

问题描述

2 个解决方案

解决方案1 0 2020-01-27 04:47:28

解决方案2 0 2020-01-27 04:56:09

解决方案1
0 2020-01-27 04:47:28

解决方案2
0 2020-01-27 04:56:09