一篇文章带你了解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弹出框
网站链接：http://www.csdahua.cn/qtweb/news37/1337.html

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

广告

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

成都快上网为您推荐相关内容

动态网站知识

同城分类信息

营销型网站建设　　 　手机APP开发　　 　网站运营　　 　微信小程序　　 　app开发公司　　 　微信网站开发　　 　成都搅拌罐车　　 　合江网站建设　　 　网络营销推广　　 　广安园林景观设计　　 　重庆小程序开发公司　　 　成都网站维护公司　　 　腾讯免备案空间　　 　成都酒店服定制　　 　重庆主机托管　　 　成都定制网站建设　　 　产品包装设计　　 　网站建设公司　　 　app网站建设　　 　中国电信成都枢纽中心