Javascript src故障
当我将JavaScript代码放在脚本标记内的HTML文件中时，它就会工作。如果我将代码放在单独的.js文件中，它将不会运行 这是我一直在玩的一个虚拟文件。有效的代码：Javascript src故障,javascript,html,src,Javascript,Html,Src,当我将JavaScript代码放在脚本标记内的HTML文件中时，它就会工作。如果我将代码放在单独的.js文件中，它将不会运行 这是我一直在玩的一个虚拟文件。有效的代码： <head> <link rel="stylesheet" href="TabStyle.css"> </head> <body> <script> function openCity(evt, cityName) { var i, ta
<head>
<link rel="stylesheet" href="TabStyle.css">
</head>
<body>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<!-- Tab links -->
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')">London</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
<button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>
<!-- Tab content -->
<div id="London" class="tabcontent">
<h3>London</h3>
<p>London is the capital city of England.</p>
</div>
<div id="Paris" class="tabcontent">
<h3>Paris</h3>
<p>Paris is the capital of France.</p>
</div>
<div id="Tokyo" class="tabcontent">
<h3>Tokyo</h3>
<p>Tokyo is the capital of Japan.</p>
</div>
</body>
函数openCity（evt、cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
巴黎
巴黎是法国的首都
东京
东京是日本的首都
<head>
<link rel="stylesheet" href="TabStyle.css">
</head>
<body>
<script src="TabJS.js"></script>
<!-- Tab links -->
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')">London</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
<button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>
<!-- Tab content -->
<div id="London" class="tabcontent">
<h3>London</h3>
<p>London is the capital city of England.</p>
</div>
<div id="Paris" class="tabcontent">
<h3>Paris</h3>
<p>Paris is the capital of France.</p>
</div>
<div id="Tokyo" class="tabcontent">
<h3>Tokyo</h3>
<p>Tokyo is the capital of Japan.</p>
</div>
</body>
伦敦
巴黎
东京
伦敦
伦敦是英国的首都
巴黎
巴黎是法国的首都
东京
东京是日本的首都
- 文件位于同一文件夹中
- 对JS文件的引用如下：
- JS文件中没有标记，只有纯JavaScript
另外，您是否在浏览器（开发人员工具）的控制台中遇到任何错误？您好，在缓慢的日子里，我忘记了执行以下所有操作，也许您也会遇到同样的问题！？
确保您使用的是最新版本的Chrome。确保你有开发工具。将鼠标悬停在“重新加载”上，选择“空缓存和硬重新加载”，然后查看发生的情况，如果出现错误，控制台中应该会有一个指向右下角的指针。检查您的文件路径-这是导致此问题无法解决的唯一原因。请检查浏览器的开发工具好吗？特别是网络选项卡以确保脚本已加载，控制台选项卡以查看是否出现任何脚本错误。在
TabJS.js