JavaScript 三种类型的弹出框

JavaScript 有三种类型的弹出框:

警告框
代码

			//警告框没有返回值
          var i = alert("这是一个警告框");
          console.log(i);

确认框
代码

		//确认选择框,可以返回true(确定)和false(取消)
         var j = confirm("是否获取定位权限");
         console.log(j);

提示框
代码

		//提示输入框,
        //不输入直接确定返回空字符串"
        //只要点取消就返回null
        //输入值以后,点击确定,就返回输入的值
          var str = prompt("请输入姓名");
          console.log(str);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ElementUI提供了多种类型弹出组件,例如el-dialog和MessageBox。el-dialog是一个可定制的弹出组件,可以用于展示内容、进行交互等。MessageBox是一个快速创建弹出的方法,可以用于显示提示信息、确认操作等。 在Vue中使用ElementUI的弹出组件时,可以通过this.$confirm方法创建一个确认,代码如下: ```javascript this.$confirm("没有权益进行这项操作", "提示", { type: "warning", showClose: false, showCancelButton: false, showConfirmButton: false, }) .then(() => {}) .catch(() => {}); ``` 此代码会创建一个类型为warning的确认,没有关闭按钮、确认按钮和取消按钮,并在2秒后自动关闭。在then方法中可以处理确认操作,而在catch方法中可以处理取消操作。 另外,可以使用el-dialog组件来创建一个可定制的弹出,代码如下: ```html <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :close-on-click-modal="false" :show-close="false" > <!-- 弹出的内容 --> </el-dialog> ``` 这段代码会创建一个弹出,通过v-model指令和dialogVisible变量来控制弹出的显示和隐藏。dialogTitle变量用于设置弹出的标题,close-on-click-modal属性用于禁止点击遮罩层关闭弹出,show-close属性用于隐藏关闭按钮。在弹出的内容部分可以自定义需要展示的内容。 通过使用这两种方法,你可以根据需要创建不同类型弹出,并实现相应的交互和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值