html5 手机端confirm,前端 h5 confirm() , alert() ,prompt() 的应用

闲来无事写点关于javascript 页面弹出消息的几个小技巧

1. confirm() 定义和用法

confirm()

方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

语法

confirm(message)

message：要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)。

说明

如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回

false。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm()

时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

例如：

​

function disp_confirm()

{

var r=confirm("Press a

button")

if (r==true)

{

document.write("You

pressed OK!")

}

else

{

document.write("You

pressed Cancel!")

}

}

value="Display a confirm box" />

2. alert()

在JavaScript代码中，在代码中可以弹出一些内容来看代码是否执行，执行状态，执行结果，从而进行程序的调试，或者向用户警示相关信息：

温馨提示：要活学活用；

例如：

var str = 'jhhfiuhgnmaklg';

var newStr = str.split("").reverse().join("");

alert(newStr)

3.prompt()

prompt()  方法用于显示可提示用户进行输入的对话框。

如果用户单击提示框的取消按钮，则返回

null。如果用户单击确认按钮，则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 prompt() 时，将暂停对

JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

function disp_prompt()

{

var name=prompt("Please enter your

name","")

if (name!=null

&& name!="")

{

document.write("Hello " + name + "!")

}

}

value="Display a prompt box" />