console

assert

/**
 * 如果断言为 false，则将一个错误消息写入控制台，但不会中断代码的执行。
 * 如果断言是 true，没有任何反应。
 * 
 * @param {boolean=false} assertion - 一个布尔表达式
 * @param {...*} [msg=console.assert] - 错误消息
 */
console.assert() // output: Assertion failed: console.assert
console.assert(true, 'foo')
console.assert(false, {}, [], true) // output: Assertion failed: {} [] true

console 控制在浏览器控制台输出的 log() 输出日志,输人任意数据类型的数据,控制台展示的也是对应的数据类型,可以一次性输出多个值 dir() 输出一个对象或一个值的详细信息,一次只能输出一个 table() 把多维的json数据以表格形式输出 time()/timeEnd() 计算中间程序消耗的时间 warn() 输出警告信息 error() 输出错误信息 assert(condition, content) 断言, 条件为真时什么也不做, 条件为假时输出cntent

window 提示框 alert() 1.浏览器窗口中弹出一个提示框,提示框中输出提示信息 需要点击确定关闭后,后面的代码才会继续执行(alert会阻碍主线程的渲染) 2.alert弹出的内容会默认转换为字符串(String()) 3.返回值为undefined

confirm() 相对于用户来说,提供了确定和取消两种选择 可以创建一个变量,用来接收用户选择的结果,true是确定,false是取消 let flag = confirm('点我')

prompt() 在confirm基础上给用户提供书写操作的原因等信息 点击取消,返回结果是null 点击确定,返回结果是用户输入的原因信息 let reson = prompt('你好')

向页面指定容器中插入内容 document.write() 把内容写人到页面中,写入的内容最后都会被转为字符串,然后再写入 innerHTML/innerText 向指定容器插入内容,也会先变为字符串再插入 基于这两种方式会把之前内容给覆盖,想要追加,用+= innerHTML能把标签文本进行识别和渲染 innerText把所有内容当作普通文本 value 给页面中的文本框赋值