子不语

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 119|回复: 0

JS中的弹窗

[复制链接]
发表于 2019-1-3 23:14:18 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一、常见的三种弹窗
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>Document</title>
  6. </head>
  7. <body>
  8.         <button onclick="popup1();">按钮1</button>
  9.         <button onclick="popup2();">按钮2</button>
  10.         <button onclick="popup3();">按钮3</button>
  11.         <script type="text/javascript">
  12.                 function popup1(){
  13.                         alert('这是提示框,只有一个确定按钮。输出类型为字符串,调用了tostring这个方法');
  14.                 }
  15.                 function popup2(){
  16.                         var whether=confirm('这是询问框,有确定和取消按钮');
  17.                         whether?alert('你点击的是确定(返回的是true)'):alert('你点击的是取消(返回的是false)')
  18.                 }
  19.                 function popup3(){
  20.                         var dialogBox=prompt('这是对话框,输入一段文字,可以提交。提示:输入哈哈哈');
  21.                         '哈哈哈'===dialogBox?alert('点击确定按钮,返回的值是字符串,不输入时为空字符串'):alert('点击取消按钮,返回的值为null,类型为object')
  22.                 }
  23.         </script>
  24. </body>
  25. </html>
复制代码



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|子不语 ( 晋ICP备18008681号 )

GMT+8, 2019-3-19 23:34

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表