blocks|key|1848292|text|如果您使用的是jQuery，那么请将JavaScript代码放在您认为最合适的地方，并使用$(document).ready()确保在执行任何函数之前正确加载代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1848293|顺便说一句:我喜欢<head>部分中的所有脚本标记，因为那似乎是最干净的地方。|1848294|entityMap^0|19|J|0|9|6|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

If you are using jQuery then put the JavaScript code wherever you find it best and use <code>$(document).ready()</code> to ensure that things are loaded properly before executing any functions.
On a side note: I like all my script tags in the <code>&lt;head&gt;</code> section as that seems to be the cleanest place.

blocks|key|1848762|text|事实证明，它可以无处不在。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1848763|您可以使用诸如jQuery之类的命令来延迟执行，这样就不需要关心它放在哪里了(除了在解析过程中会对性能造成很小的影响)。|1848764|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

It turns out it can be everywhere.
You can defer the execution with something like jQuery so it doesn't matter where it's placed (except for a small performance hit during parsing).

blocks|key|2062616|text|最保守的(也是被广泛接受的)答案是“在结束标记之前的底部”，因为这样在开始执行任何东西之前，整个DOM就已经加载了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2062617|出于各种原因，有一些持不同意见的人，他们从有意识地从页面加载事件开始执行的现有实践开始。|2062618|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The most conservative (and widely accepted) answer is &quot;at the bottom just before the ending tag&quot;, because then the entire DOM will have been loaded before anything can start executing.
There are dissenters, for various reasons, starting with the available practice to intentionally begin execution with a page onload event.

blocks|key|1849122|text|那得看情况。如果你正在加载一个需要样式化你的页面的脚本/在你的页面中使用动作(比如点击一个按钮)，那么你最好把它放在最上面。如果你的样式是100%25+CSS，并且你有按钮动作的所有后备选项，那么你可以把它放在底部。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1849123|或者最好的(如果这不是问题)是你可以做一个模式加载框，把你的JavaScript代码放在页面的底部，并在加载脚本的最后一行时让它消失。这样，您可以避免用户在加载脚本之前在页面中使用操作。同时也避免了不恰当的样式。|1849124|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

It depends. If you are loading a script that's necessary to style your page / using actions in your page (like click of a button) then you better place it at the top. If your styling is 100% CSS and you have all fallback options for the button actions then you can place it at the bottom.
Or the best thing (if that's not a concern) is you can make a modal loading box, place your JavaScript code at the bottom of your page and make it disappear when the last line of your script gets loaded. This way you can avoid users using actions in your page before the scripts are loaded. And also avoid the improper styling.

blocks|key|1849854|text|在末尾包括脚本主要用于首先显示网页的内容/样式的地方。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1849855|将脚本包含在头部可以提前加载脚本，并且可以在加载整个网页之前使用。|1849856|如果最后输入脚本，验证将只发生在加载整个样式和设计后，这对于快速响应的网站是不欣赏的。|1849857|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Including scripts at the end is mainly used where the content/ styles of the web page is to be shown first.
Including the scripts in the head loads the scripts early and can be used before the loading of the whole web page.
If the scripts are entered at last the validation will happen only after the loading of the entire styles and design which is not appreciated for fast responsive websites.

blocks|key|2062832|text|根据脚本及其用法的不同，(就页面加载和呈现时间而言)最好的方法可能不是使用传统的-tag本身，而是动态地异步触发脚本加载。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2062833|有一些不同的技术，但最简单的是在触发window.onload事件时使用document.createElement(“脚本”)。然后，当页面本身已经呈现时，首先加载脚本，因此不会影响用户必须等待页面出现的时间。|2062834|这自然要求呈现页面时不需要脚本本身。|2062835|有关更多信息，请参阅Steve+Souders的帖子+(+YSlow的创始人，现供职于谷歌)。|offset|length|2062836|entityMap|0|LINK|mutability|MUTABLE|url|http://yslow.org/^0|0|0|0|T|5|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@$H|V|I|W|1|X]]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Depending on the script and its usage the best possible (in terms of page load and rendering time) may be to not use a conventional &lt;script&gt;-tag per se, but to dynamically trigger the loading of the script asynchronously.
There are some different techniques, but the most straightforward is to use document.createElement(&quot;script&quot;) when the window.onload event is triggered. Then the script is loaded first when the page itself has rendered, thus not impacting the time the user has to wait for the page to appear.
This naturally requires that the script itself is not needed for the rendering of the page.
For more information, see the post <a href="http://www.stevesouders.com/blog/2008/12/27/coupling-async-scripts/" rel="nofollow noreferrer">Coupling async scripts</a> by Steve Souders (creator of <a href="http://yslow.org/" rel="nofollow noreferrer">YSlow</a>, but now at Google).

blocks|key|1849378|text|脚本阻止DOM加载，直到它被加载和执行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1849379|如果您将脚本放在<body>的末尾，则所有DOM都有机会加载和呈现(页面将更快地“显示”)。<script>将可以访问所有这些DOM元素。|offset|length|style|CODE|1849380|另一方面，将它放在<body>开始或更高的位置将执行脚本(仍然没有任何DOM元素)。|1849381|你包含了jQuery，这意味着你可以把它放在你想放的任何地方，并使用.ready()。|1849382|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.jquery.com/using-jquery-core/document-ready/^0|0|8|6|1A|8|0|9|6|0|Y|8|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@$D|V|E|W|F|G]|$D|X|E|Y|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]]]

Script blocks DOM load until it's loaded and executed.
If you place scripts at the end of <code>&lt;body&gt;</code>, all of the DOM has a chance to load and render (the page will &quot;display&quot; faster). <code>&lt;script&gt;</code> will have access to all of those DOM elements.
On the other hand, placing it after the <code>&lt;body&gt;</code> start or above will execute the script (where there still aren't any DOM elements).
You are including jQuery which means you can place it wherever you wish and use <a href="https://learn.jquery.com/using-jquery-core/document-ready/" rel="nofollow noreferrer">.ready()</a>.

blocks|key|2063709|text|编写JavaScript代码的最佳位置是在文档的末尾、</body>标记之后或之前，以便首先加载文档，然后执行JavaScript代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2063710|<script>+...+your+code+here+...+</script>
</body>|code-block|syntax|javascript|2063711|如果您使用jQuery编写，则以下内容可以在头文档中，并且将在文档加载后执行：|2063712|<script>
++++$(document).ready(function(){
++++++++//+Your+code+here...
++++});
</script>|2063713|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/JQuery^0|R|7|0|0|5|6|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|N|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

The best place to write your JavaScript code is at the end of the document after or right before the <code>&lt;/body&gt;</code> tag to load the document first and then execute the JavaScript code.
<pre><code>&lt;script&gt; ... your code here ... &lt;/script&gt;
&lt;/body&gt;
</code></pre>
And if you write in <a href="https://en.wikipedia.org/wiki/JQuery" rel="nofollow noreferrer">jQuery</a>, the following can be in the head document and it will execute after the document loads:
<pre><code>&lt;script&gt;
 $(document).ready(function(){
 // Your code here...
 });
&lt;/script&gt;
</code></pre>

blocks|key|2063934|text|您可以通过使用包装JavaScript代码的专用HTML标记<script>在JavaScript文档中添加HTML代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2063935|<script>标签可以放在HTML的<head>部分、<body>部分或</body>+close标记之后，具体取决于您希望加载JavaScript的时间。|2063936|通常，JavaScript代码可以放在DocumentHTML节的内部，以便将它们包含在<head>文档的主要内容之外。|2063937|但是，如果您的脚本需要在页面布局中的某个点运行-例如，在使用document.write生成内容时-您应该将其放在应该调用它的位置，通常是在<body>部分中。|2063938|entityMap^0|U|8|0|0|8|J|6|S|6|11|7|0|18|6|0|U|E|1Y|6|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|L|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|M|$]]

You can add JavaScript code in an HTML document by employing the dedicated HTML tag <code>&lt;script&gt;</code> that wraps around JavaScript code.
The <code>&lt;script&gt;</code> tag can be placed in the <code>&lt;head&gt;</code> section of your HTML, in the <code>&lt;body&gt;</code> section, or after the <code>&lt;/body&gt;</code> close tag, depending on when you want the JavaScript to load.
Generally, JavaScript code can go inside of the document <code>&lt;head&gt;</code> section in order to keep them contained and out of the main content of your HTML document.
However, if your script needs to run at a certain point within a page’s layout — like when using <code>document.write</code> to generate content — you should put it at the point where it should be called, usually within the <code>&lt;body&gt;</code> section.

blocks|key|2063577|text|我认为这取决于网页的执行情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2063578|如果您想要显示的页面在不加载JavaScript的情况下无法正确显示，那么您应该首先包含JavaScript文件。|2063579|但是如果你可以在不下载JavaScript文件的情况下显示/渲染网页，那么你应该把JavaScript代码放在页面的底部。因为它将模拟快速的页面加载，并且从用户的角度来看，页面似乎加载得更快。|2063580|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I think it depends on the webpage execution.
If the page that you want to display can not displayed properly without loading JavaScript first then you should include the JavaScript file first.
But if you can display/render a webpage without initially download JavaScript file, then you should put JavaScript code at the bottom of the page. Because it will emulate a speedy page load, and from a user's point of view, it would seems like that the page is loading faster.

blocks|key|1849628|text|您可以将大多数<script>引用放在<body>的末尾。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1849629|但是如果您的页面上有使用外部脚本的活动组件，那么它们的依赖项(.js文件)应该在这之前(理想情况下在head标记中)。|1849630|entityMap^0|7|8|J|6|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

You can place most of <code>&lt;script&gt;</code> references at the end of <code>&lt;body&gt;</code>.
But if there are active components on your page which are using external scripts, then their dependency (.js files) should come before that (ideally in the head tag).

When embedding JavaScript in an HTML document, where is the proper place to put the <code>&lt;script&gt;</code> tags and included JavaScript? I seem to recall that you are not supposed to place these in the <code>&lt;head&gt;</code> section, but placing at the beginning of the <code>&lt;body&gt;</code> section is bad, too, since the JavaScript will have to be parsed before the page is rendered completely (or something like that). This seems to leave the end of the <code>&lt;body&gt;</code> section as a logical place for <code>&lt;script&gt;</code> tags.

So, where is the right place to put the <code>&lt;script&gt;</code> tags?

(This question references <a href="https://stackoverflow.com/questions/436154/why-does-the-call-to-this-jquery-function-fail-in-firefox">this question</a>, in which it was suggested that JavaScript function calls should be moved from <code>&lt;a&gt;</code> tags to <code>&lt;script&gt;</code> tags. I'm specifically using jQuery, but more general answers are also appropriate.)

Where should I put <script> tags in HTML markup?

jQuery

在HTML文档中嵌入JavaScript时，将<script>标签和包含的JavaScript放在哪里比较合适？我似乎还记得，您不应该将它们放在<head>部分中，但是将它们放在<body>部分的开头也是不好的，因为必须在页面完全呈现(或类似的内容)之前解析JavaScript。这似乎使<body>部分的末尾成为<script>标记的逻辑位置。那么，将<script>标签放在哪里才是正确的呢？(这

问我应该把<script>标签放在哪里？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该把<script>标签放在哪里？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该把<script>标签放在哪里？
EN