时间:2019-03-27 08:37:41

标签: jquery implementation

我的问题不是关于将实际的javascript / jQuery代码放在<head><body>部分中的区别。我想像这样加载jQuery-lib:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

,我想知道在<head>区域或<body>结束之前这样做是否有区别?我更喜欢在<head>中进行操作,因为这样我可以更轻松地跟踪发生的一切

1 个答案:

答案 0 :(得分:0)

<head>中加载库将确保在页面其余部分加载之前就将其加载,这意味着它可用于您在页面中编写或加载的jQuery / JS代码。无论需要多长时间来加载库,这都会减慢页面的初始加载速度。

<body>末尾加载库意味着HTML和CSS将首先加载-因此页面加载速度似乎更快,但是依赖jQuery库的代码只有在库具有已加载。此外,您必须将所有使用jQuery 的代码放在加载它们的<body>末尾的点上。