页面加载自动执行的函数是那个
时间: 2023-12-22 21:06:43 浏览: 34
在 HTML 页面中,页面加载自动执行的函数是 `onload` 函数。`onload` 函数是一个事件处理函数,用于在页面加载完成后执行一些操作。当页面的所有元素(如图片、音频、视频等)都加载完成后,`onload` 函数就会被触发执行。
例如,在以下代码中,`onload` 函数会在页面加载完成后弹出一个提示框:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面加载自动执行的函数</title>
</head>
<body onload="alert('页面加载完成!')">
<h1>欢迎访问我的网站</h1>
<p>这是一个示例页面</p>
</body>
</html>
```
当页面加载完成后,页面会自动弹出一个提示框,显示“页面加载完成!”的消息。
相关问题
在html页面加载时调用js函数
要在 HTML 页面加载时调用 JavaScript 函数,可以在 HTML 的 body 标签中添加 onload 事件,然后将需要执行的 JavaScript 函数作为事件处理程序。
以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body onload="myFunction()">
<h1>欢迎来到我的网站</h1>
<script>
function myFunction() {
// 需要执行的函数代码
}
</script>
</body>
</html>
```
在上面的代码中,我们将需要在页面加载时执行的函数 `myFunction()` 添加到了 body 标签的 onload 事件处理程序中,这样函数就会在页面加载完成后自动调用。
你也可以使用 `window.onload` 事件代替 body 标签的 onload 事件,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<script>
window.onload = function() {
// 需要执行的函数代码
};
</script>
</body>
</html>
```
这样,当整个页面及其资源都加载完成后,就会执行函数中的代码。
怎么在html+js项目中,页面加载完成时自动运行某函数,能写个例子吗
好的,这是一个在页面加载完成时自动运行某函数的简单例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>自动运行函数示例</title>
<script>
function myFunction() {
alert("页面加载完成时自动运行此函数!");
}
window.onload = myFunction;
</script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
在这个例子中,`window.onload`事件会在页面加载完成后触发,而`myFunction()`函数是我们要自动运行的函数。当页面加载完成时,`myFunction()`函数就会自动运行,并弹出一个包含文本信息的提示框。