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

来源:1-2 环境搭建

yummy5

2017-03-27 22:58

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

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

             到底是怎么放

写回答 关注

2回答

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

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

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

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

    yummy5

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

    2017-03-28 09:13:42

    共 1 条回复 >

  • 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必须先加载,然后才能调用,是这样吧?

    _泅渡_ 回复yummy5

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

    2017-03-28 15:32:29

    共 3 条回复 >

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题