在HTML5页面中，自动调用JavaScript是一种常见的操作，它可以帮助我们实现页面的动态效果、交互功能等。以下是一些常用的方法以及相应的案例详解。
1. 使用
DOMContentLoaded
事件
当文档加载完成后，
DOMContentLoaded
事件会被触发，这时我们可以在这个事件的回调函数中编写JavaScript代码。
案例一：自动加载并显示欢迎信息

欢迎来到我的网页

在上面的例子中，当DOM元素加载完成后，
h1
标签的文字颜色会变为红色。
2. 使用
window.onload
事件
window.onload
事件在页面上的所有元素（包括图片）完全加载完成后触发。与
DOMContentLoaded
相比，
window.onload
会等待所有资源加载完毕。
案例二：图片加载完成后的效果











在上面的例子中，当图片加载完成后，图片的边框会变为红色。
3. 使用
setTimeout
函数
setTimeout
函数可以在指定的时间后执行JavaScript代码。
案例三：定时显示信息

定时显示信息

在上面的例子中，5秒后，
h2
标签的文字颜色会变为蓝色。
4. 使用
setInterval
函数
setInterval
函数可以在指定的时间间隔内执行JavaScript代码。
案例四：定时切换文字颜色

定时切换文字颜色

在上面的例子中，每秒
h3
标签的文字颜色都会在预设的颜色列表中切换。
通过以上几种方法，我们可以实现在HTML5页面中自动调用JavaScript代码。在实际开发过程中，可以根据需求选择合适的方法来实现相应的功能。