window对象方法（alert-confirm-prompt）

灰太狼 2023-07-18 04:48 16阅读 0赞

# 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 Window 对象

indow对象表示浏览器打开的窗口。 window对象集合：frames\[\]–返回窗口中所有命名的框架。 Window对象属性：innerHeight–返回窗...

悠悠/ 2024年04月19日 11:59/ 0 赞/ 67 阅读

相关 window 对象

window 对象的属性 window 对象的属性 <table style="width:500px;"> <tbody> <tr> <td>属性

小咪咪/ 2024年04月06日 13:15/ 0 赞/ 50 阅读

相关 Window对象

Window对象学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][JavaScript 1]

超、凢脫俗/ 2024年03月31日 13:05/ 0 赞/ 85 阅读

相关 window对象方法（open和close）

window对象语法： window.open(pageURL,name,parameters) 功能：打开一个新的浏览器窗口或查找一个已命名的窗口参数说明

小鱼儿/ 2023年07月18日 06:13/ 0 赞/ 11 阅读

相关 window对象方法（alert-confirm-prompt）

window对象的方法语法： window.alert("content") 功能：显示带有一段消息和一个确认按钮的对话框语法： window.confi

灰太狼/ 2023年07月18日 04:48/ 0 赞/ 17 阅读

相关 window对象方法

<html> <head> <title>window对象</title> <script> / win

偏执的太偏执、/ 2022年09月19日 12:06/ 0 赞/ 163 阅读

相关 window对象的属性和方法

Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，

矫情吗；*/ 2022年07月21日 00:15/ 0 赞/ 230 阅读

相关 window对象

window对象对象：document/event/history/frame/location 属性： opener 返回对创建此窗口的窗口即父窗口

曾经终败给现在/ 2022年06月14日 09:46/ 0 赞/ 161 阅读

相关 window对象的全局方法

window对象的全局方法 1、window.alert(‘嘿’)：显示带有一段消息和一个确认按钮的警告框。 2、window.prompt():显示可提升用户输入的对话框

爱被打了一巴掌/ 2022年06月07日 07:40/ 0 赞/ 359 阅读

相关 Window对象的常用方法

<table> <tbody> <tr> <td> alert()、confirm()、prompt()</td> <td>分别用于弹

墨蓝/ 2022年05月19日 09:09/ 0 赞/ 250 阅读