window对象方法（alert-confirm-prompt）
程序员文章站
2022-06-14 10:24:26
...
window对象的方法
- 语法：
- window.alert("content")
- 功能：
- 显示带有一段消息和一个确认按钮的对话框
- 语法：
- window.confirm("message")
- 功能：
- 显示一个带有指定消息和OK及取消按钮的对话框
- 返回值：
-
如果用户点击确认按钮，则confirm()返回true
如果用户点击取消按钮，则confirm()返回false
- 语法：
- window.prompt("text,defaultText")
- 参数说明：
-
text：要在对话框中显示的纯文本
defaultText：默认的输入文本 - 返回值：
-
如果用户点击提示框的取消按钮，则返回null
如果用户点击确认按钮，则返回输入字段当前显示的文本
选择练习 1
下列哪个选项能够让alert 、confirm等弹出框上的提示文字实现换行？（选择一项）
A <br />
B \br
C \n
D <hr />
正确答案： C
参考解析：
该题考察的是window对象的方法，正确选项为C；实现弹出框提示文字能够换行，在方法括号中需要进行换行的文字处加入\n即可。
选择练习 2
下列哪个选项是可以弹出确认框？（选择一项）
A alert()
B prompt()
C confirm()
D document()
正确答案： C
参考解析：
该题考察的是window对象的方法，正确选项为C；
A：alert（）弹出警告框
B：prompt（）弹出输入框
C：confirm（）弹出确认框
D：没有document（）这样的方法
编程练习
实现以下效果：
点击页面上的“删除”按钮，弹出确认框
（1）当点击确认框上的“确定“时，按钮上的字变为红色；
（2）当点击确认框上的“取消“时，按钮上的字变为绿色。
任务
第一步：获取到按钮对象，给其绑定鼠标单击事件，以下步骤均在事件函数中进行
第二步：写出确认框，确认框的显示内容是“确定要删除么？”
第三步：对确认框的返回值进行判断，用if判断
（1）如果确认框的返回值是true，按钮上的字颜色变为红色
（2）如果确认框的返回值是false，按钮上的字颜色变为绿色
参考代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 输入框 </title>
</head>
<body>
<input type="button" value="删除" />
<script type="text/javascript">
var btn=document.getElementsByTagName("input")[0];
btn.onclick=function(){
var result=confirm("确认要删除么？");
if(result==true){
this.style.color="red";
}
if(result==false){
this.style.color="green";
}
}
</script>
</body>
</html>