javascript 在 HTML中调用

缺乏、安全感 2023-06-14 04:27 1阅读 0赞

“内部”示例使用了以下结构：

document.addEventListener("DOMContentLoaded", function() {
      . . .
    });

这是一个事件监听器，它监听浏览器的 "`DOMContentLoaded`" 事件，即 HTML 文档体加载、解释完毕事件。事件触发时将调用 " `. . .`" 处的代码，从而避免了错误发生。

“外部”示例中使用了 JavaScript 的一项现代技术（`async` “异步”属性）来解决这一问题，它告知浏览器在遇到 `<script>` 元素时不要中断后续 HTML 内容的加载。

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

解决此问题的旧方法是：把脚本元素放在文档体的底端（`</body>` 标签之前，与之相邻），这样脚本就可以在 HTML 解析完毕后加载了。此方案（以及上述的 `DOMContentLoaded` 方案）的问题是：只有在所有 HTML DOM 加载完成后才开始脚本的加载/解析过程。对于有大量 JavaScript 代码的大型网站，可能会带来显著的性能损耗。这也是 `async` 属性诞生的初衷。

浏览器遇到 `async` 脚本时不会阻塞页面渲染，而是直接下载然后运行。这样脚本的运行次序就无法控制，只是脚本不会阻止剩余页面的显示。当页面的脚本之间彼此独立，且不依赖于本页面的其它任何脚本时，`async` 是最理想的选择。

使用 `defer` 属性，脚本将按照在页面中出现的顺序加载和运行

详情请浏览官方最新文档：[https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First\_steps/What\_is\_JavaScript][https_developer.mozilla.org_zh-CN_docs_Learn_JavaScript_First_steps_What_is_JavaScript]

[https_developer.mozilla.org_zh-CN_docs_Learn_JavaScript_First_steps_What_is_JavaScript]: https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/What_is_JavaScript

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关在JAVA中调用JavaScript代码

在JAVA中调用JavaScript代码有些时候，我们在执行JAVA代码的时候，希望能够通过执行其他脚本语言(如js, 修改脚本新逻辑立即生效，不需要重新加载)根据...

左手的ㄟ右手/ 2024年04月19日 16:16/ 0 赞/ 98 阅读

相关在Python中调用和执行JavaScript

在Python中调用和执行JavaScript 引言在Web开发中，Python和JavaScript是两种常用的编程语言。Python通常用于服务器端开发，而J

╰+攻爆jí腚メ/ 2023年10月13日 21:46/ 0 赞/ 77 阅读

相关 javascript 在 HTML中调用

“内部”示例使用了以下结构： document.addEventListener("DOMContentLoaded", function() { . .

缺乏、安全感/ 2023年06月14日 04:27/ 0 赞/ 2 阅读

相关在HTML中引入JavaScript

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/53027539][http_blog.csd

柔情只为你懂/ 2022年07月15日 05:26/ 0 赞/ 312 阅读

相关在HTML中引入JavaScript

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/53027539][http_blog.csd

红太狼/ 2022年07月15日 05:26/ 0 赞/ 335 阅读

相关如何在html里调用javascript函数

备用，加班过程中，不整理，使用环境，碰到了一个多图片显示的问题 1. a href="javascript:js_method();"

向右看齐/ 2022年06月17日 21:07/ 0 赞/ 324 阅读

相关如何在HTML中嵌入JavaScript

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

待我称王封你为后i/ 2022年04月17日 20:20/ 0 赞/ 400 阅读

相关关于javascript在html中的位置

//转发自https://www.cnblogs.com/zrl66/p/6046526.html 关于javascript放在哪里更合适脚本位置：例如以下代

野性酷女/ 2022年03月27日 11:58/ 0 赞/ 251 阅读

相关使用JavaScript在html中实现99乘法表

使用JavaScript在html中实现99乘法表 <!DOCTYPE html> <html lang="en"> <head>

旧城等待，/ 2022年02月03日 13:55/ 1 赞/ 564 阅读

相关如何在html中调用JS文件

一、JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性： 1、在客户端执行。完全在用户的计算机上运...

小灰灰/ 2021年01月27日 16:06/ 0 赞/ 866 阅读