📅 最后修改于: 2023-12-03 14:51:24.569000 🧑 作者: Mango
Javascript 是一种广泛应用于网页开发的脚本语言，它可以在浏览器中直接运行。当页面加载时，我们可以利用 Javascript 在页面开始运行之前或之后执行特定代码。本文将介绍如何在加载 JS 时运行代码。
当页面开始加载时，在 DOM 元素已经被浏览器解析之前，可以通过以下方式在页面开始运行之前执行代码：
<!DOCTYPE html>
<html>
<head>
<script>
// 在页面开始运行之前执行的代码
alert("页面开始加载！");
</script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在上面的例子中，alert() 函数会在页面开始运行之前弹出一个对话框显示文本 "页面开始加载！"。
在页面加载完成后，也就是所有 DOM 元素都已经被浏览器解析和加载完毕之后，可以通过以下方式执行代码：
<!DOCTYPE html>
<html>
<head>
<!-- 引入外部的 JS 文件 -->
<script src="script.js"></script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在上面的例子中，<script> 标签的 src 属性指向了一个外部的 JS 文件 "script.js"。在页面加载完成后，浏览器会自动执行该 JS 文件中的代码。
除了在页面开始加载之前或之后执行代码外，还可以在指定时间间隔后执行代码。可以使用 setTimeout() 函数来实现这一功能：
setTimeout(function() {
// 在指定时间间隔后执行的代码
alert("指定时间间隔已过！");
}, 3000); // 3000 毫秒（3 秒钟）后执行代码
在上面的例子中，setTimeout() 函数会在指定的时间间隔（这里是 3000 毫秒即 3 秒钟）之后执行传入的函数，弹出一个对话框显示文本 "指定时间间隔已过！"。
以上就是在加载 JS 时运行代码的几种方式。根据需求，选择适合的方式，可以在页面开始加载之前或之后执行代码，或者在指定时间间隔后执行代码。