JavaScript 弹窗
可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
JavaScript alert()
语法： alert("sometext");
在 JavaScript 中使用 alert 命令创建一个消息警告框：
<script type="text/javascript">
alert("我是提示文字！");
</script>
消息警告框是对话模式，当警告框出现后，用户需要点击确定按钮关闭警告框后才能继续进行操作。
alert 命令有一个参数，即希望对用户显示的文本字符串，该字符串不是 HTML 格式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("我是一个警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="警告框" />
</body>
</html>JavaScript confirm()
在 JavaScript 中使用 confirm 命令创建一个消息确认框：
语法：confirm("sometext");
确认框通常用于验证是否接受用户操作。
当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。
当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
if (confirm("您确认要删除该条信息吗？")){
alert("您选择了删除！");
} else {
alert("您选择了不删除");
}
</script>
</head>
<body>
</body>
</html>JavaScript prompt()
语法： prompt("sometext","defaultvalue");
语法说明
prompt() 允许两个参数：第一个参数为要显示的提示文字，第二个参数默认的输入字符。如果输入框不为空，则 prompt() 返回输入框的值（支持 HTML 格式），否则返回 null 。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
var name = prompt("请输入您的名字：","默认字符")
if (name!=null && name!=""){
document.write("你好，" + name + "！")
}
</script>
</head>
<body>
</body>
</html>换行
弹窗使用 反斜杠 + "n"(\n) 来设置换行。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击显示</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello\nHow are you?");
}
</script>
</body>
</html>
女神的闺蜜爱上我
唯一学会的就是alert。。
8年前 添加回复 0