我的问题不是将实际的javascript / jQuery代码放在<head>
或<body>
-section中。我想像这样加载jQuery-lib:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
我想知道在<head>
地区或在<body>
结束之前这样做是否有区别?我更喜欢在<head>
中这样做,因为我发现更容易跟踪所发生的一切
在<head>
中加载库将确保在页面的其余部分加载之前加载它,这意味着它可用于您编写的任何jQuery / JS代码或在页面下方加载。无论加载库多长时间,这都会减慢页面的初始加载速度。
在<body>
末尾加载库将意味着HTML和CSS将首先加载 - 因此页面似乎加载速度更快,但是在库加载之前,依赖于jQuery库的代码将无法运行。此外,您必须在加载它的<body>
结尾处的点之后放置使用jQuery的任何代码。