JS脚本内容写在HTML代码中可以正常执行，单独引用却不起作用的原因

JS代码写在HTML代码中，可以正常的执行，这是毋庸置疑的。但是有的时候却会遇到单独写在一个JS文件中，再HTML中引用却不起作用，经过尝试各种方式，原因总结如下，不出意外都可以解决。

1.路径引用不对

这个是最常见的原因，比如目录结构如下：

如果要在test.html中引用 playvideo.js的话，引用路径为：<script src="../js/playvideo.js"></script>

2.如果是把js代码单独写在一个文件里，切记不要在前后加script标签，直接写内容；

3.如果前面两个还不能解决问题，而且在JS代码中有DOM的引用，考虑到浏览器是自上而下编译的，可以在你的js文件第一行随便打印一行内容，如果控制台有信息，则说明是dom阻塞，我们可以将script标签放到html标签下面，如下：