1.在控制台输出

1.1 输出的几种方法

.log : 原来是什么格式,输出还是什么格式
.dir : 输出一个对象的详细键值对信息
.table : 把一个多维JSON 数组在控制台按照表格的方式呈现出来
- 多维数组 (代码见下)
- 多维对象 (代码见下)

<script>
        let a = 10;
        let b = [{
            id:1,
            name: '张三'
        }];
        
        console.log(a);
        console.log(document.body); // 见图 1
        console.dir(document.body); // 见图 2
        console.table(b);
 </script>

图 1

图 2

多维数组
    [12,23] 一维数组
    [12,{name:'xxx'}] 二维数组
    [12,[{xxx:'xxx'}]] 三维数组
多维对象
    {name:'xxx'} 一维对象
    {name:[12,23]} 二维对象
    {              三维对象
        name:{
            xxx:{

            }
        }
    }

1.2 console

console 是个对象

console 有哪些属性呢?

console.dir(console);

MDN console的各种方法

什么是方法: 方法(method)是通过对象调用的函数

该函数是对象的一个属性,此时函数就称为该对象的方法

函数和方法的区别:

函数可以直接调用,方法不能直接调用,只能通过对象来调用
普通函数内部的 this输出是 window,方法内部的 this 输出的是当前调用该方法的对象

2. 浏览器窗口弹窗

alert
confirm
prompt

三种方式输出的结果都必先经过 toString 转换为字符串

三种方式会阻断 JS 代码执行,只有当弹窗关掉,JS 才会继续运行

2.1 alert

除了以上三者共有的特点外,

alert 只有一个确定按钮

       console.log([12,23,34]); 
        alert([12,23,34]) //=> '12,23,34'

2.2 confirm

1.会提供确定和取消两个选择弹框

confirm('确定要干啥吗?')

2.3 prompt

在 confirm 基础上还会提供一个输入框

prompt('确定要删除吗?')

但是,在真实项目中由于样式的原因一般不会采用以上方法,会自己封装.

3. document.write 在页面中写入信息

输出的结果都是字符串
验证: document.write({name:'xxx'})

不使用了

第一篇 JS 语言基础之浏览器常用输出方式