JavaScript脚本执行时机详解：页面加载与事件触发
本文总结了JavaScript脚本的三种主要执行时机：页面加载时自动执行、利用onload事件在文档加载完成后执行，以及通过鼠标点击等用户交互事件触发。文章通过具体代码示例解析了不同场景下的执行逻辑，帮助初学者理解脚本运行的核心机制。
JavaScript脚本执行时机概述
本文对JavaScript学习过程中的关键知识点进行梳理与总结。
脚本执行的三种主要方式
需要明确脚本在浏览器环境中的具体执行时机。
页面加载时自动执行
第一种情况是页面打开时立即执行脚本。
当浏览器加载HTML文档时，会从上至下解析整个文档结构，包括HTML标签及嵌入的脚本代码。若脚本中包含可直接执行的语句，浏览器会在解析到该位置时立即解释并执行。例如：
<script type="text/javascript">
<!--
alert("这是我的第一个脚本")
-->
</script>
利用onload事件执行
第二种方式是利用onload事件来执行脚本。
onload事件发生在页面完全加载至浏览器时，通常用于在页面打开的同时向用户展示提示信息。
<script type="text/javascript">
<!--
function myr(){
alert("加载的时候显示")
}
-->
</script>
<body onload=myr()>
我很高兴中国得了16个金牌了
</body>
通过用户事件触发执行
第三种方式是通过用户事件来执行脚本。
此类事件由用户操作触发，例如移动鼠标、点击链接等行为。
例如代码：onlick="alert("这是错误的")"
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件：addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别：运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址：GitHub Release 获取预编译包
2026-11-04 23:07:27