JS单独拿出来可以实现，但是放在页面中就没效果，这是什么情况呢？命名没有重复

Question

刚学JS，想做一个选项卡在页面，也是放在页面怎么也显示不出来，单独建一个html写又可以显示效果，这会有什么原因呢？页面也多了也拿不出代码？麻烦各位大神帮忙分析下原因呗~

Answer 1

这个原因太多了，不看代码不好分析，
常见的问题有
一，元素的id重名。
二，全局变量和函数重名。
三，css样式被高优先级的选择器覆盖。
四，同一事件重复绑定。如window.onload事件重复绑定
五，由于增加了其他元素，导致代码所需要的元素的索引号发生变化。
六，html文件与js文件的文件编码不一致。

Answer 2

打开F12，看看console里有没有报错啊
不然就跟一跟，看看是哪里没有执行到

Answer 3

先看你的js路劲引入是否正确且有效，如果有多个js文件试着交换一下js引入顺序(先引入css)，既然单独能执行，说明js本身是没得问题的。