我写了一个 js的onunload方法,但是在刷新页面的时候。会有个弹窗,然后我的方法就失效了
时间: 2023-02-11 12:07:22 浏览: 110
onunload 方法是在用户离开页面(如点击链接、在地址栏中输入新网址或刷新页面)时执行的 JavaScript 函数。当刷新页面时,浏览器会先提示用户是否确定刷新,如果用户确认刷新,则会执行 onunload 方法。如果在弹窗中用户点击了取消按钮,那么onunload事件不会被触发
你可以考虑使用 beforeunload 事件 来取代 onunload.
相关问题
uniapp开发小程序 如何在当前页面调用上一个页面中methods中的方法
在uni-app中,可以使用uni.$emit()方法和uni.$on()方法来实现不同页面之间的通信。假设现在需要在当前页面中调用上一个页面中的方法,可以按照以下步骤进行:
1. 在上一个页面中,定义需要调用的方法,并使用uni.$emit()方法触发一个自定义事件并传递参数,代码如下:
```
methods: {
// 定义需要调用的方法
myMethod() {
console.log('调用上一个页面中的方法成功!');
}
},
onUnload() {
// 在页面销毁前触发自定义事件
uni.$emit('myEvent', '参数1', '参数2');
}
```
2. 在当前页面中,使用uni.$on()方法监听上一个页面发出的自定义事件,并在回调函数中调用上一个页面中的方法,代码如下:
```
onLoad() {
// 监听自定义事件
uni.$on('myEvent', (param1, param2) => {
// 调用上一个页面中的方法
this.$vm0.myMethod();
});
}
```
在回调函数中,使用this.$vm0来访问上一个页面的实例,并调用需要调用的方法即可。需要注意的是,在上一个页面中触发自定义事件的时机可以根据具体需求进行调整。
判断onunload是刷新还是关闭的方法
在JavaScript中,可以通过onunload事件来判断是刷新还是关闭页面。onunload事件在页面卸载时触发,包括刷新、关闭、前进、后退等操作。
可以通过window.performance.navigation.type属性来判断页面的操作类型,该属性的值为0表示页面直接访问,1表示页面通过单击链接访问,2表示页面通过后退按钮访问,3表示页面通过刷新按钮访问,255表示页面通过其他方式访问。
示例代码如下:
```
window.onunload = function() {
if (window.performance.navigation.type == 3) {
// 页面刷新
} else {
// 页面关闭
}
};
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)