搜索
搜索

HTMLScriptElement与'<script>'标记

Sebastian Olsen 发表于 Dev
8
塞巴斯蒂安·奥尔森（Sebastian Olsen）

使用HTMLScriptElement加载脚本而不是仅将其包含在DOM中来加载脚本是否有任何优势？

例如，也许更容易在DOM中保持内容整洁并隐藏脚本（使它们不那么明显）？

找不到任何消息来源，这就是我要问的原因。

菲尔·曼德

通常，您只需要在HTML文档中直接包含脚本标签即可。除非您使用该async属性，否则后续的脚本将在之前的脚本之前加载，因此您可以放心地依赖任何可用的依赖项。

您可以使用HTMLScriptElement接口编程方式来加载脚本，如果你想保持你的HTML清洁。但是，您必须手动创建onload和onerror处理程序以异步等待脚本加载。除非您围绕它构建一个抽象，否则这将变得混乱而复杂。然后您需要做很多次以前完成的工作，请参阅RequireJS，SystemJS等。

因此，想要使HTML保持脚本标记清洁是一种合理的野心，但是最好还是考虑使用现成的脚本加载器来做到这一点，而不是自己动手。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

<script>标记src属性

来自分类Dev

</ script>标记放置在错误的位置

来自分类Dev

<Script>标记内的HTML代码

来自分类Dev

在<script>标记内调用AngularJS

来自分类Dev

在<script src =“ ...”> </ script>标记内运行JavaScript？

来自分类Dev

<script>标记在<noscript>标记内部有什么作用？

来自分类Dev

使用jQuery获取DOM <script>标记的文本

来自分类Dev

了解<script>标记中的“ type”属性

来自分类Dev

刷新带有<script>标记的div

来自分类Dev

如何访问innerHTML但忽略<script>标记

来自分类Dev

VS代码：<script>标记中的自动完成

来自分类Dev

扩展注入的<script>标记执行顺序

来自分类Dev

在<script>标记内递增C＃int

来自分类Dev

在PHP Goutte中刮擦<script>标记

来自分类Dev

<script>标记的全局范围是什么？

来自分类Dev

</ script>在以html结尾的脚本标记中的引号

来自分类Dev

</ script>在<script>标记中的JavaScript字符串中

来自分类Dev

如何在JavaScript变量中包含转义的<script> </ script>标记？

来自分类Dev

在 HTML 中 <script src=""></script> 标记的 src 路径中升级

来自分类Dev

我可以在<script>标记内写一个<script>标记吗

来自分类Dev

Ajax完成后，加载<script>标记，但仅加载具有特定ID的标记

来自分类Dev

使用python和请求抓取</ html>标记下面的<script>标记

来自分类Dev

检查用户输入是否包含带有 javascript 的 <script> 标记。意外的标记 {

来自分类Dev

无法在<script>标记内回显PHP变量？

来自分类Dev

为什么在<script>标记后需要$（document）.ready？

来自分类Dev

如何在<script>标记中正确转义内联Javascript？

来自分类Dev

使用Scrapy从<script>标记中提取多行javascript内容

来自分类Dev

如何提取页面源的Script标记内的字符串

来自分类Dev

JavaScript在document.write中嵌入<script>标记无效

Related 相关文章

  1. 1

    <script>标记src属性

  2. 2

    </ script>标记放置在错误的位置

  3. 3

    <Script>标记内的HTML代码

  4. 4

    在<script>标记内调用AngularJS

  5. 5

    在<script src =“ ...”> </ script>标记内运行JavaScript？

  6. 6

    <script>标记在<noscript>标记内部有什么作用？

  7. 7

    使用jQuery获取DOM <script>标记的文本

  8. 8

    了解<script>标记中的“ type”属性

  9. 9

    刷新带有<script>标记的div

  10. 10

    如何访问innerHTML但忽略<script>标记

  11. 11

    VS代码：<script>标记中的自动完成

  12. 12

    扩展注入的<script>标记执行顺序

  13. 13

    在<script>标记内递增C＃int

  14. 14

    在PHP Goutte中刮擦<script>标记

  15. 15

    <script>标记的全局范围是什么？

  16. 16

    </ script>在以html结尾的脚本标记中的引号

  17. 17

    </ script>在<script>标记中的JavaScript字符串中

  18. 18

    如何在JavaScript变量中包含转义的<script> </ script>标记？

  19. 19

    在 HTML 中 <script src=""></script> 标记的 src 路径中升级

  20. 20

    我可以在<script>标记内写一个<script>标记吗

  21. 21

    Ajax完成后，加载<script>标记，但仅加载具有特定ID的标记

  22. 22

    使用python和请求抓取</ html>标记下面的<script>标记

  23. 23

    检查用户输入是否包含带有 javascript 的 <script> 标记。意外的标记 {

  24. 24

    无法在<script>标记内回显PHP变量？

  25. 25

    为什么在<script>标记后需要$（document）.ready？

  26. 26

    如何在<script>标记中正确转义内联Javascript？

  27. 27

    使用Scrapy从<script>标记中提取多行javascript内容

  28. 28

    如何提取页面源的Script标记内的字符串

  29. 29

    JavaScript在document.write中嵌入<script>标记无效

热门标签

归档