问答详情
源自:1-2 环境搭建

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

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

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

             到底是怎么放

提问者:yummy5 2017-03-27 22:58

个回答

  • _泅渡_
    2017-03-28 00:10:39
    已采纳

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

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

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

  • yummy5
    2017-03-28 09:12:02

    这样是行的,
    <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>
    <!--jquery 必须在bootstrap.js前引入。-->
      <script type="text/javascript" src="../../bootstrap3.0/js/jquery-3.1.1.min.js"></script>

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