为什么 JavaScript 不能在 localhost 上运行，但在我的机器上却能完美运行？答案

【问题标题】：Why JavaScript doesn't work on localhost but works perfectly on my machine?为什么 JavaScript 不能在 localhost 上运行，但在我的机器上却能完美运行？
【发布时间】：2020-05-12 11:30:30
【问题描述】：

我正在尝试创建一个隐藏/显示 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>

【问题讨论】：

标签： javascript jquery css server xampp

【解决方案1】：

如下更新你的函数

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

【讨论】：

【解决方案2】：

可能是浏览器问题。把你的 Monstrar 函数改成这个

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

【讨论】：