我可以在内联 js 中使用 defer 属性吗？

Question

    <!doctype html>
    <head>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" defer></script>
     <script defer> // Can I use defer atttribute here?
           //Inline js code 
    </script>
    </head>
    <body> 

    </body>
    </html>

在这里我可以使用 defer 属性来内联 JS 吗？

Answer 1

这是不可能的。 每个MDN ：

defer ：如果 src 属性不存在（即对于内联脚本），则不得使用此属性，在这种情况下它将不起作用。

对于您想要的功能，您必须执行以下操作之一：

将脚本放入单独的文件并设置一个src
将内联脚本放在<body>的末尾
将脚本的整个代码包装在 DOMContentLoaded 侦听器中

Answer 2

不

defer 属性是一个布尔属性。

如果存在，它指定在页面完成解析时执行脚本。 注意： defer 属性仅适用于外部脚本（仅应在 src 属性存在时使用）。

你可以参考这个了解更多

Answer 3

defer属性对内联代码没有影响。 另一种方法是使用type="module"属性，这将推迟代码执行：

<script type="module">
<!-- inline code-->
</script>

我可以在内联 js 中使用 defer 属性吗？

问题描述

3 个解决方案

解决方案1
2 已采纳 2020-02-05 06:57:00

解决方案2
1 2020-02-05 06:57:40

解决方案3
1 2022-06-01 15:10:46

我可以在内联 js 中使用 defer 属性吗？

问题描述

3 个解决方案

解决方案1 2 已采纳 2020-02-05 06:57:00

解决方案2 1 2020-02-05 06:57:40

解决方案3 1 2022-06-01 15:10:46

解决方案1
2 已采纳 2020-02-05 06:57:00

解决方案2
1 2020-02-05 06:57:40

解决方案3
1 2022-06-01 15:10:46