[英]HTML link to external javascript not working
我基本上是从W3School实现这个: https ://www.w3schools.com/howto/tryit.asp ? filenamename-tryhow_js_accordion_symbol
我尝试将javascript变成一个名为accordion.js的独立文件
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
}
并尝试通过HTML调用javascript文件执行此操作:
<script type="text/javascript" src="accordion.js"></script>
谁能告诉我我能做些什么来解决这个问题,并帮助解释为什么它不起作用?
只是为了在评论中给出的答案增加一点:
这是一个关于这个主题的长篇答案: 网页的加载和执行顺序? 。
但是,如果我们简化,HTML的解析是同步的。 在您通过javascript
访问DOM
之前,浏览器需要解析HTML,在您的情况下:
var acc=document.getElementsByClassName("accordion");
这就是为什么,并且为了防止像你这样的bug,来自jQuery
$(document).ready()
是非常有名的https://learn.jquery.com/using-jquery-core/document-ready/
根据您可能获得的错误,听起来JS文件可能不在同一目录中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.