有你在真好 的个人博客
JavaScript中对话框的使用
阅读:2191 添加日期:2021/3/27 23:30:36 原文链接:https://www.toutiao.com/item/6195415553395835394/

在JavaScript中有三种样式的对话框,分别起到提示、确认和输入的作用,对应三种函数:alert、confirm、prompt

  • alert:该对话框只用于提醒,不能对脚本产生任何变化,他只有一个参数,即为需要提示的信息,没有返回值。

  • confirm:该对话框一般用于确认信息。他只有一个参数,返回值为true或false。

  • prompt:该对话框可以进行输入,并返回用户输入的字符串。他有两个参数,第一个参数显示提示信息,第二个参数显示输入框(和默认值)。

前端学习,就上以人为本前端学习网!www.yirenweiben.com


Example:

<!DOCTYPE html>

<html>

<head lang=”en”>

<meta charset=”UTF-8″>

<title>三种弹出对话框的用法实例</title>

<script language=”JavaScript”>

function ale(){

alert(“嘿嘿,演示一完毕”);

}

function firm(){

if(confirm(“确定跳转到“以人为本前端学习”?”)){

// 这是在本窗口打开

// location.href=”http://www.yirenweiben.com”;

// 新窗口打开

window.open(“http://www.yirenweiben.com/”,”_blank”);

}else{

alert(““以人为本前端学习”的网址是www.yirenweiben.com欢迎常来!”);

}

}

function prom(){

var name = prompt(“请输入您的名字”,”张三”);

if (name != null & name!=””){

alert(“欢迎您:” + name);

}else{

alert(“请输入您的名字!”);

}

}

</script>

</head>

<body>

<p>对话框有三种</p>

<p>1:只是用于提醒,不能对脚本产生任何改变;</p>

<p>2:一般用于确认,返回true或者false;</p>

<p>3:一个带输入的对话框,可以返回用户填入的字符串</p>

<p>下面我们分别演示:</p>

<p>演示一:提醒对话框</p>

<input type=”submit” value=”提交” onclick=”ale()”>

<p>演示二:确认对话框</p>

<input type=”submit” value=”提交” onclick=”firm()”>

<p>演示三:要求用户输入,然后给个结果</p>

<input type=”submit” value=”提交” onclick=”prom()”>

</body>

</html>

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号