如何知道 javascript 是在 <head> 中还是在 html 的底部?

新酷

我有一个<head>完整的 .css、.js 和元数据。但是只有一个脚本如果放在<head>html中将无法正常运行仅当它位于文件末尾时才有效。

我想知道的是,作为初学者的网页设计师,是否有任何关于此或特殊类型规则的文档。

<html>
<head>
 <link href="css/style.css" rel="stylesheet">
 <link href="css/style2.css" rel="stylesheet">
 <script src="js/script.js"></script>
 <script src="js/scipt2.js"></script>
</head>
<body>
<----------HTML---------->
</body>
 <script src="js/secret.js"></script>
</html>
兰迪·卡斯本

解决此问题的现代方法是使用defer脚本标记上的属性。把你所有的标签放在<head>

来自 MDN

此布尔属性设置为向浏览器指示脚本将在解析文档之后执行,但在触发 DOMContentLoaded 之前执行。

所以这:

<script src="js/secret.js"></script>

变成这样:

<script defer src="js/secret.js"></script>

但是标签现在进入<head>.

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript 在顶部还是底部?

来自分类常见问题

在javascript中,我怎么知道html对象的属性是属性,方法还是事件?

来自分类Dev

在javascript中,我怎么知道html对象的属性是属性,方法还是事件?

来自分类Dev

如何从闪亮的html中的ggplot中删除底部边框?

来自分类Dev

JavaScript顶部还是底部-位置敏感?

来自分类Dev

JavaScript顶部还是底部-位置敏感?

来自分类Dev

如何在HTML页面中添加底部工具栏

来自分类Dev

如何在HTML页面中添加底部工具栏

来自分类Dev

JavaScript中哪个对象包含“ <head> .. </ head>”?

来自分类Dev

JavaScript中哪个对象包含“ <head> .. </ head>”?

来自分类Dev

如何使用桌面中的javascript检测用户是否在底部

来自分类Dev

在HTML5 WebAudio中如何知道声音是停止还是结束播放?

来自分类Dev

如何在Nuxt中的<head>中添加“ text / javascript”

来自分类Dev

如何在Jsoup解析中避免围绕HTML Head标签

来自分类Dev

如何阻止tinymce将<!DOCTYPE html> <html> <head> </ head> <body>添加到我输入的所有内容中?

来自分类Dev

joomla的Head标签中的Javascript

来自分类Dev

如何知道JavaScript中的文件大小?

来自分类Dev

如何知道是否在javascript中单击了按钮?

来自分类Dev

如何知道javascript中的变量名?

来自分类Dev

如何在HTML的head元素内有条件地呈现CSS和JavaScript

来自分类Dev

将CSS文件加载到head部分或HTML部分中,而无需使用Javascript

来自分类Dev

如何知道MenuItem是在ActionBar还是Overflow中

来自分类Dev

如何知道MenuItem是在ActionBar还是Overflow中

来自分类Dev

JavaScript-想知道如何添加html元素

来自分类Dev

阅读HTML,如何使用BufferedReader跳过网页中的HEAD标签信息,逐行阅读HTML?

来自分类Dev

如何使用JavaScript在页面底部添加空格?

来自分类Dev

如何在不知道 JavaScript 中的 id/class/tag 的情况下分配给 HTML 元素?

来自分类Dev

我不知道如何在 Javascript 工具包框架中处理选择 HTML 类属性

来自分类Dev

JavaScript:如果CSS是内联还是在<head>内部,则行为不同

Related 相关文章

  1. 1

    JavaScript 在顶部还是底部?

  2. 2

    在javascript中,我怎么知道html对象的属性是属性,方法还是事件?

  3. 3

    在javascript中,我怎么知道html对象的属性是属性,方法还是事件?

  4. 4

    如何从闪亮的html中的ggplot中删除底部边框?

  5. 5

    JavaScript顶部还是底部-位置敏感?

  6. 6

    JavaScript顶部还是底部-位置敏感?

  7. 7

    如何在HTML页面中添加底部工具栏

  8. 8

    如何在HTML页面中添加底部工具栏

  9. 9

    JavaScript中哪个对象包含“ <head> .. </ head>”?

  10. 10

    JavaScript中哪个对象包含“ <head> .. </ head>”?

  11. 11

    如何使用桌面中的javascript检测用户是否在底部

  12. 12

    在HTML5 WebAudio中如何知道声音是停止还是结束播放?

  13. 13

    如何在Nuxt中的<head>中添加“ text / javascript”

  14. 14

    如何在Jsoup解析中避免围绕HTML Head标签

  15. 15

    如何阻止tinymce将<!DOCTYPE html> <html> <head> </ head> <body>添加到我输入的所有内容中?

  16. 16

    joomla的Head标签中的Javascript

  17. 17

    如何知道JavaScript中的文件大小?

  18. 18

    如何知道是否在javascript中单击了按钮?

  19. 19

    如何知道javascript中的变量名?

  20. 20

    如何在HTML的head元素内有条件地呈现CSS和JavaScript

  21. 21

    将CSS文件加载到head部分或HTML部分中,而无需使用Javascript

  22. 22

    如何知道MenuItem是在ActionBar还是Overflow中

  23. 23

    如何知道MenuItem是在ActionBar还是Overflow中

  24. 24

    JavaScript-想知道如何添加html元素

  25. 25

    阅读HTML,如何使用BufferedReader跳过网页中的HEAD标签信息,逐行阅读HTML?

  26. 26

    如何使用JavaScript在页面底部添加空格?

  27. 27

    如何在不知道 JavaScript 中的 id/class/tag 的情况下分配给 HTML 元素?

  28. 28

    我不知道如何在 Javascript 工具包框架中处理选择 HTML 类属性

  29. 29

    JavaScript:如果CSS是内联还是在<head>内部,则行为不同

热门标签

归档