JS中alert和showModal的区别
时间: 2023-12-11 13:32:05 浏览: 124
alert和showModal都是用于在页面中弹出提示框的方法,但是它们有以下几点区别:
1. alert是JavaScript自带的方法,而showModal是微信小程序提供的API。
2. alert只能弹出一个简单的提示框,而showModal可以弹出一个自定义的模态框,可以设置标题、内容、按钮等。
3. alert会阻塞代码的执行,直到用户点击确定按钮才会继续执行下面的代码,而showModal不会阻塞代码的执行,用户点击按钮后会执行相应的回调函数。
下面是一个使用alert和showModal的例子:
```javascript
// 使用alert弹出提示框
alert("Hello World!");
// 使用showModal弹出自定义模态框
wx.showModal({
title: '提示',
content: '这是一个自定义的模态框',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
相关问题
uni.showModal 用html显示
很抱歉,uni.showModal是uni-app框架中的API,无法在HTML中使用。uni.showModal用于在小程序中显示模态弹窗,可以用于提示用户或获取用户的选择。如果您需要在HTML中显示弹窗,可以使用JavaScript中的alert()、confirm()或者自定义弹窗组件等方法。
我使用了unipaa开发微信小程序,我使用alert,报错:alert is not a function
你在使用Unipaa开发微信小程序时遇到`alert is not a function`这个错误,是因为`alert`函数不是小程序的基础API之一。在微信小程序中,你需要使用`wx.showToast`或者`wx.showModal`这样的官方提供的提示组件来显示消息,而不是JavaScript原生的`alert`。
如果你确实需要显示警告信息,你应该按照小程序的文档来做,例如:
```javascript
wx.showToast({
title: '这是一个提示',
icon: 'none', // 默认图标,不设置会默认使用'info'
duration: 2000, // 持续时间,单位 ms
});
```
或者
```javascript
wx.showModal({
content: '这是一条警告信息',
showCancel: false, // 是否显示取消按钮
success(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
},
});
```
阅读全文