JavaScript脚本执行时机详解:页面加载与事件触发

作者:流萤

时间:2026-10-23

浏览:250

本文总结了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("这是错误的")"

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章