5、三类输出方式
2024-02-27 11:03:08 0 举报
AI智能生成
三类输出方式可能是指不同类型或功能的输出设备或接口。这些输出方式可能包括以下几种:音频输出、视频输出和文本输出。音频输出可能涉及扬声器、耳机等设备,用于播放音乐、音频提示和其他声音。视频输出可能涉及显示器、投影仪等设备,用于显示图像、视频和其他视觉内容。文本输出可能涉及打印机、显示器等设备,用于打印或显示文本、文档和其他信息。每种输出方式都有其特定的应用场景和需求,因此了解并掌握这些输出方式对于有效使用相关设备和系统至关重要。
作者其他创作
大纲/内容
console
控制在浏览器控制台输出的
console.log
特点是:输出任意数据类型的数据,控制台展示的也是对应的数据类型
console.dir
输出一个对象或者一个值的详细信息
与log区别
console.log可以一次性输出多个值,但是dir不可以
console.warn
以警告的方式输出
console.warn(‘当前操作不规范’)
console.table
把多维的JSON数据以表格形式输出
console.time / console.timeEnd
计算出time / timeEnd 中间所有程序执行所消耗的时间(预估时间,受到当前电脑性能的影响)
window提示框
是在浏览器窗口中弹出一个提示框,提示框中输出指定的信息
alert
特点
需要等到 alert 弹出框,点击确定关闭后,后面的代码才会执行
alert 会阻碍主线程的渲染
alert 弹出的内容都会默认转换为字符串
调用 toString
例子
alert([10,20,30]);
数组转换为字符串的结果‘10,20,30’
alert({name:'xiaozhima'});
普通对象转换为字符串的结果‘[object object]’
confirm
特点
创建一个变量,用来接收用户选择的结果
true 点击确定
false 点击取消
与alert 区别
给用户提供了确定和取消两种选择
prompt
在confirm 的基础上给用户提供书写操作的原因等信息
特点
点击的是取消返回结果是null
点击的是确定,会把用户输入的原因信息返回
页面插入
向页面指定容器中插入内容
document.write
定义
在页面中直接写入
特点
和 alert 一样,写入的内容最后都会转换为字符串,然后写入
不常用
innerHTML
特点
插入的信息也会变成字符串
基于这种方式会把之前容器中的内容给覆盖掉,想要追加,则采用+=的方式
例子
box.innerHTML = 'xiaozhima';
会覆盖原始的所有内容
box.innerHTML += 'xiaozhima';
在原始内容上继续增加
innerText
与HTML 的区别
innerHTML 能够把标签文本进行识别和渲染
innerText 会把所有内容都当作普通的文本
value
给页面中的文本框赋值
0 条评论
下一页