window对象方法(alert-confirm-prompt)

编程入门 行业动态 更新时间:2024-10-09 18:19:04

window<a href=https://www.elefans.com/category/jswz/34/1771306.html style=对象方法(alert-confirm-prompt)"/>

window对象方法(alert-confirm-prompt)

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>

更多推荐

window对象方法(alert-confirm-prompt)

本文发布于:2023-07-28 19:29:49,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1287769.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:对象   方法   window   prompt   confirm

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!