一篇文章带你了解JavaScript弹出框

在JavaScript中，可以创建对话框或弹出窗口来与用户进行交互。

成都服务器托管，成都创新互联提供包括服务器租用、服务器机柜租赁、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、空间域名等业务的一体化完整服务。电话咨询：028-86922220

JavaScript具有三种不同类型的弹出框：警告框，确认框和提示框。

一、警告框

警告框是最简单的弹出框。它使可以向用户显示一条短消息。还包括“确定”按钮，用户必须单击此“确定”按钮才能继续。

window.alert()

语法：

 
 
 
 
    
  
  
  
  
  1. window.alert("msg") 
    2.

方法可以在没有窗口的前缀被写入。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 项目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6. 单击按钮以显示警告弹出框：
     
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8. alert 
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.

单击按钮以显示警告弹出框：

二、确认框

如果希望用户验证或接受某些内容，通常会使用确认框。确认框看起来类似于警报框，但其中包含“取消”按钮和“确定”按钮。

如果用户单击“确定”，则该框返回true。如果用户单击“取消”，则该框返回false。

window.confirm()

语法：

 
 
 
 
    
  
  
  
  
  1. window.confirm("msg") 
    2.

方法可以在没有窗口的前缀被写入。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 项目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 点击按钮显示确认框:
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. 点我试试 
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.  
    16.   
  
  
  
  16.  
    17.

三、提示框

如果希望用户在进入页面之前输入值，通常会使用提示框。提示框包括文本输入字段，“确定”和“取消”按钮。

如果用户单击“确定”，则该框将返回输入值。如果用户单击“取消”，则该框将返回null。

语法：

 
 
 
 
    
  
  
  
  
  1. window.prompt("msg", "defaultText") 
    2.

1. window.prompt()

方法可以在没有窗口的前缀被写入。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 项目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 单击按钮以显示提示框:
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. 点击我 
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.  
    16.   
  
  
  
  16.  
    17.

注意：

prompt()方法返回的值始终是字符串。这意味着，如果用户在输入字段中输入15，则返回字符串“ 15”而不是数字15。

2. 对话框中显示换行符

要在对话框中显示换行符，请使用换行符或换行符(\n); 反斜杠后跟字符n。

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 项目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.   
  
  
  
  6.  
    7.   
  
  
  
  7. 点击按钮，弹出警告框
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. alert 
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.

三、总结

本文基于JavaScript基础，介绍了如何在浏览器中运用的各种弹框，警告框在实际的应用，如何自定义自己的提示框。通过用丰富的案例帮助大家更好理解。

希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

使用JavaScript 语言，方便大家更好理解，希望对大家的学习有帮助。

本文标题：一篇文章带你了解JavaScript弹出框
URL链接：http://www.hantingmc.com/qtweb/news37/1337.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

Google知识

分类信息网站

瑞捷酒店用品　　 　云南护栏打桩机　　 　成都路面机械设备　　 　混凝土搅拌罐车　　 　网站排名　　 　成都小程序制作　　 　网站定制　　 　成都微信二次开发　　 　wap手机网站　　 　成都商城开发　　 　阿坝网站建设　　 　自贡主机托管　　 　高端网站建设　　 　企业网站设计　　 　德阳电信服务器托管　　 　服务器托管　　 　雅安做网站　　 　网站seo优化　　 　成都广告招牌制作　　 　成都网站设计