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>标记。

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

1 个答案: