js提示弹出提示框代码（js提示弹出提示框代码是什么）

今天给各位分享js提示弹出提示框代码的知识，其中也会对js提示弹出提示框代码是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、JavaScript中三种弹出式消息提醒的命令是什么？（如：警告，确认，信息输入）
• 2、怎么用js弹出提示框
• 3、手机移动端美化弹窗提示确认框js特效代码

JavaScript中三种弹出式消息提醒的命令是什么？（如：警告，确认，信息输入）

1、警告框alert，在js中直接运用alert("警告");

2、确认框confirm。

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框，根据用户点击确认框上的按钮返回true与false。

用法：

if(confirm("确定要清空数据吗？"))

{

document.main.text1.value="";

}

3、信息输入框prompt。

prompt() 方法用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。

用法：

var name = prompt('请输入数字','');

怎么用js弹出提示框

弹出提示框一般有3种

1)alert (普通提示框)

2)prompt (可输入的提示框)

3)confirm (可选择的提示框)

下面举个例子:

!doctype html

html lang="en"

head

    meta charset="UTF-8"

    titleDocument/title

/head

body

button onclick="mal()"第一种:alert/button

button onclick="mpro()"第二种:prompt/button

button onclick="mcon()"第三种:confirm/button

script

    function mal(){

        alert('这是一个普通的提示框');

    }

    function mpro(){

        var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');

        //prompt会把输入框的值返回给你

    }

    function mcon(){

        var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')

        //confirm 会返回你选择的选项,然后可以依据选择执行逻辑

        if(boo){

            alert('学会了,真聪明');

        }else{

            alert('再来一遍吧')

        }

    }

/script

/body

/html

手机移动端美化弹窗提示确认框js特效代码

script type="text/javascript"

$(function(){

  $('#demo1').on('click', function(){

webToast("恭喜您，修改成功恭喜您，修改成功恭喜您修改成功恭喜您","middle",3000);

  });

  $('#demo2').on('click', function(){

popTipShow.alert('弹窗标题','自定义弹窗内容，居左对齐显示，告知需要确认的信息等', ['知道了'],

function(e){

  //callback 处理按钮事件  

  var button = $(e.target).attr('class');

  if(button == 'ok'){

//按下确定按钮执行的操作

//todo ....

this.hide();

  }

}

);

  });

  $('#demo3').on('click', function(){

popTipShow.confirm('弹窗标题','自定义弹窗内容，居左对齐显示，告知需要确认的信息等',['确 定','取 消'],

function(e){

  //callback 处理按钮事件

  var button = $(e.target).attr('class');

  if(button == 'ok'){

//按下确定按钮执行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("操作成功","top", 2000);

}, 300);

  }

  if(button == 'cancel') {

//按下取消按钮执行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("您选择“取消”了","bottom", 2000);

}, 300);

  }

}

);

  });

  $('#demo4').on('click', function(){

var html = "label姓名：input class='confirm_input' placeholder='请输入'/label";

popTipShow.confirm('弹窗标题',html,['确 定','取 消'],

function(e){

  //callback 处理按钮事件

  var button = $(e.target).attr('class');

  if(button == 'ok'){

if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){

webToast("姓名不能为空！","bottom", 3000);

return;

}

this.hide();

setTimeout(function() {

webToast($(".confirm_input").val(),"bottom", 3000);

}, 300);

//按下确定按钮执行的操作

//todo ....

  }

  if(button == 'cancel') {

//按下取消按钮执行的操作

//todo ....

this.hide();

setTimeout(function() {

webToast("您选择“取消”了","top", 2000);

}, 300);

  }

}

);

  });

});

/script

关于js提示弹出提示框代码和js提示弹出提示框代码是什么的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。