onload生命周期
时间: 2023-11-11 12:00:53 浏览: 31
onload生命周期是指当一个页面或者一个资源加载完成后,浏览器会触发该事件。通常用于在页面加载完成后执行一些操作,比如初始化页面元素、发送请求等。
在JavaScript中,可以通过给window对象的onload属性赋值一个函数来监听该事件。例如:
```
window.onload = function() {
// 页面加载完成后执行的操作
}
```
需要注意的是,如果一个页面中有多个资源需要加载,比如图片、样式表、脚本等,只有当所有资源都加载完成后,才会触发onload事件。
相关问题
在uniapp onload生命周期函数中执行,document.addEventListener 不生效
在 `uniapp` 中,`onLoad` 生命周期函数是在页面加载时执行的,但是此时页面可能还没有完全渲染完成,因此部分 `DOM` 元素可能还没有被创建,所以在 `onLoad` 中使用 `document.addEventListener` 可能不会生效。
建议在 `onReady` 生命周期函数中使用 `document.addEventListener`,因为此时页面已经渲染完成,`DOM` 元素已经被创建,可以正常添加事件监听。
例如:
```
export default {
onReady() {
document.addEventListener('click', () => {
console.log('click event');
});
}
}
```
uniapp生命周期onload
uniapp的生命周期中没有 `onload` 这个方法。但是,uniapp中有类似的生命周期函数 `onLoad`,它是在页面加载时触发的。
`onLoad` 生命周期函数在uniapp中的页面组件中使用。当页面被加载时,`onLoad` 函数会被调用。你可以在这个函数内执行一些初始化操作,或者获取一些数据。在 `onLoad` 中,你可以通过 `this` 关键字来访问页面组件的数据和方法。
以下是一个示例代码:
```vue
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onLoad() {
console.log('页面加载完成');
// 执行一些初始化操作或获取数据
},
}
</script>
```
请注意,`onLoad` 只在页面初始化时触发一次,如果你需要在每次页面显示时都执行一些操作,可以使用 `onShow` 生命周期函数。