06.js常用的输出方式

2018-07-04  本文已影响13人  我腐

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>

js提供的浏览器弹窗
//1. alert:在浏览器弹出一个提示框 (提供确定按钮,点击确定 弹框消失)
// alert([12,23]);//12,23
// alert({name:'11'}) //[object Object]
//使用alert弹窗提示信息,提示的内容最后都会转化成字符串输出(调用了toString 方法)
// alert(1+1); //=> "2"

  1. confirm :在alert 基础上增加了让用户选择性的操作(提供两个按钮 :确定 和 取消)

    var zhufengFlag=confirm('are you sure delete this?');
    alert(zhufengFlag)
    // 当用户点击确定按钮的时候,我们接收到的是true,点击的是取消按钮时, 我们接收到的结果是FALSE,此后 我们可以根据接收到的结果做不同的处理即可

3.prompt : 在confirm基础上增加让用户输入的效果
// var flag= prompt('are you sure delete this?');
//用户点击取消按钮,我们获取到的结果是 null,如果用户点击的是确定按钮,我们将会获取到用户输入的内容,如果用户没有输入内容,获取的结果是空字符串
// alert(flag)

真实项目中,尤其是需要样式精美的网站中,我们的提示框一般都是自己封装插件和组件来实现的,不会用内置的 (使用原生js封装模态组件)

</script>
<body>

</body>
</html>

上一篇 下一篇

猜你喜欢

热点阅读