JavaScript 代码仅在文件保存在特定位置时运行

Question

我使用 JavaScript 代码创建了一些 htm 页面，并将其保存在 Windows 桌面上。在我确认运行脚本或 Active X 的提示后，代码运行良好，但是一旦我将文件复制到网络位置(而不是服务器)并尝试打开该文件，JavaScript 就不再运行(提示上面提到的不会出现)。我的其他代码(包括 JavaScript)没有遇到这个问题，并且我不确定问题是什么 - 可能是网络安全设置方面的问题？

具体来说，以下代码片段似乎导致了该问题:

<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Dropdown</button>
  <div id="myDropdown" class="dropdown-content">
  </div>
</div>

function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
} 

.show {display:block;}

当文件保存在网络驱动器上时，该按钮显示，但下拉菜单不显示。所以函数 myfunction() 显然不起作用。

Answer 1

如果您想在 HTML 中使用 JavaScript 和 CSS，而不是将其包含为 .js 和 .css，您应该让浏览器知道它处理的是哪种代码。

<style>
.show {
  display: block;
}
</style>

 <div class="dropdown">
   <button onclick="myFunction()" class="dropbtn">Dropdown</button>
 <div id="myDropdown" class="dropdown-content"></div>
</div>

<script>
  function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
  }
</script>

因此，如果您想在 .html 文件中使用 JavaScript，请始终将其包含在
<script> /* Your JavaScript */ </script> 之间。标签。

对于 CSS，请使用 <style> /* Your CSS */ </style>标签。