element $confirm 提示框按钮位置调整

html-css012

element $confirm 提示框按钮位置调整,第1张

$confirm提示框的按钮默认顺序是取消、确定,想要将两个按钮的顺序调换,思路是将取消按钮向右浮动即可。

1、定义css

2、在使用$confirm提示框时设置按钮样式

自定义弹窗——alert、prompt、confirm。

openMask closeMask 参见: 自定义遮罩和加载中动画

JS部分

CSS部分

弹出框confirm用法详解:

1、定义和用法:

confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。如果访问者点击"确定",此方法返回true,否则返回false。

2、语法:

confirm(message)。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

3、实例,显示一个确认框,提醒访客点击什么。HTML代码如下:

4、设计点击函数,实现confirm函数:

5、此时页面展示效果如下:

6、点击按钮展示,在弹出框内点击确定:

7、执行结果如下:

8、重复第六步,选择取消,执行结果如下:

扩展资料:

JavaScript的其他弹出框,alert()--警告消息框。

例如:window.alert("欢迎!请按“确定”继续。"),将会出现下面的情况:

alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。

参考资料:

百度百科--confirm