JS的输入输出方式
一. 弹框输出
1.alert
弹出一个弹框,弹框内的内容最后都会被转换成字符串(调用了toString这个方法)
例如:
alert({name:'laowang'});//结果为[object object]
alert([12,34]);//结果为“12,34”
alert(1+1);//结果为“2”这个字符串,不是2
2.confirm
在alert的基础上增加了可以让用户选择的操作(确定和取消两个按钮)
例如:
var MAX = confirm('是否删除此文件?');
当用户点击确定按钮时我们会接收到“ture”,当用户点击取消按钮时我们会接收到“false”。根据接受到的不同结果我们可以做不同处理。
3.prompt
在confirm基础上增加可以让用户输入输出的效果。
var MAX = prompt('是否删除此文件?');
alert(MAX)
//用户点击取消按钮,我们获取null,若用户点击确定按钮,则我们获取到用户输入的内容(若无输入,则我们得到的是空字符串)
注:真实项目中,尤其是精美的网站,信息提示框一般不用原生的弹框,都以哦那个自己封装的插件和组件来实现(使用原生js封装模态框组件)
二. 控制台输出
在控制台下输出(网页按F12):
- console.log:在控制台下输出,优势不会转换数据类型,输出什么格式的数据都可以。
- console.dir:比log输出的更加详细些。
- console.table:把JSON数据展示成一个表格。
- document.write();//目前已很少使用,用于向页面打印内容。