                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

jQuery 和 js 文件的引入放在 html 的那里比较合适？

1、jQuery 引入必须要在head 里面么?
我试着在body 里面就不行。

2、不是js 一般都放在 body 都最后以加快网页的加载么？

到底是怎么放

yummy5

2017-03-27

源自：jQuery基础 (一)—样式篇 1-2

关注问题我要回答

8086

操作

收起

2 回答

_泅渡_ 回答被采纳 +3 积分
2017-03-28

jQuery可以放在body中也可以放在head中，因为jQuery是等页面加载完成后才执行的

script标签放在body中，所有标签后。

因为js是单线程的遇到script标签会先解析标签里面的内容，放在后面是为了让html代码先执行出来，避免因为js过大导致页面加载慢显示空白的问题，所以放到后面可以提高用户体验

1 回复有任何疑惑可以回复我~

收起回答

yummy5 提问者

jQuery 必须在使用前加载完成。看我下面的测试，如果再引用后加载，那么就不行了。说明这个是按照顺序加载执行的吧

2017-03-28 回复有任何疑惑可以回复我~

yummy5 提问者
2017-03-28

这样是行的，
<script type="text/javascript" src="../../bootstrap3.0/js/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
   $("div").html("网页加载完成后给所有的div 输出此句话。");
});
</script>
但是这样就不行了：
    <script>
      $(document).ready(function(){
        $("div").html("网页加载完成后给所有的div 输出此句话。");
      });
    </script>
</div>

<script type="text/javascript" src="../../bootstrap3.0/js/jquery-3.1.1.min.js"></script>

说明这个不是所有的都加载完了才执行的吧，是按照顺序加载，然后执行的吧。 jQuery必须先加载，然后才能调用，是这样吧？

0 回复有任何疑惑可以回复我~

收起回答

_泅渡_

要用jQuery的方法必须要先引入jQuery的库 bootstrap的组件依赖于jQuery所以要先引入jQuery再引入bootstrap

2017-03-28 回复有任何疑惑可以回复我~

_泅渡_ 回复 yummy5 提问者

对的，你用的是jQuery的方法。

2017-03-28 回复有任何疑惑可以回复我~