javascript - 外部引入js文件无效

问题描述

问 题

在单个html中测试代码是完全可以运行的，当将代码剥开为css文件，html代码，js文件的时候，外部引入js就不走了。
html代码：

<li  style="margin-right: 30px;float: left; ">
               <i class="fa fa-commenting"></i>
               <span>评分：</span>
               <div id="star_cont" class="star-vote">
                   <span id="add_star" class="add-star"></span>
                   <span id="delete_star" class="delete_star"></span>
               </div>
           </li>
           <script type="text/javascript">
               showStar(3);
           </script>

script的引入已经在id的外面，为什么在调试器中还是显示TypeError: document.getElementById(...) is null

解决方案

js的引入最好放在最后面，或者把方法写在window.onload里面，这样可以保证节点存在。如果dom是临时创建的，需要用事件委托，或者重新绑定事件

这篇关于javascript - 外部引入js文件无效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！