console类的（控制在浏览器控制台输出的）：
console.log() 控制台输出日志
console.dir() 控制台详细输出
console.table() 把数据以表格的形式输出在控制台
console.time() / timeEnd() 计算某一个程序消耗的时间
console.warn() 输出警告信息
window提示框
alert()提示框
confirm()确认取消提示框
prompt()在confirm的基础上多加一个原因
向页面指定容器中插入内容
document.write 向页面中输入内容
innerHTML / innerText 向页面指定容器中输入内容
value 向页面表单元素输入内容
...
示例代码
<script>
/*
console 类
*/
/* * log * 在控制台输出，特点是： 输出任意数据类型的数据，控制台展示的也是对应的数据类型 */
console.log({ name: 'jiujiu' });
/*
* dir
* 输出一个对象或者一个值的详细信息; log 可以一次输出多个，dir不行
*/
function func(){ }
console.dir(func);
console.log(func)
/*
* warn
* 以警告的方式输出
*/
console.warn('当前操作不规范');
/*
* table
* 把多维的json数据以表格形式输出,输出的下面也会展示 log的输出内容
*/
let arr = [
{
name: 'jiujiumao',
age: 28
},
{ n
ame: 'maojiujiu',
age: 70
}
];
console.table(arr);
/*
* time/timeEnd
* 计算 time / timeEnd 中间所有程序执行所消耗的时间（预估时间：受当前电脑性能的影响）
*/
console.time('AA');
for(let i = 0;i<99999999;i++){ }
console.timeEnd('AA');
//=================================================
/*
* alert是在浏览器窗口中弹出一个提示框，提示框中输出指定的信息
* +需要等到alert弹出框，点击确定关闭后，后面的代码才会继续执行（alert会阻碍主线程的渲染）
* +alert弹出的内容都会默认转换为字符串（toString）
*/
alert('今天大家都很好');
console.log(100);
alert([10,20,30]); // =>数组转换为字符串的结果 "10,20,30"
alert({name:'jiujiu'}); // =>普通对象转换为字符串的结果 "[object Object]"
/*
* confirm 相对于alert来说，给用户提供了确定和取消两种选择
* +创建一个变量，用来接受用户选择的结果 true点击的是确定，false 点击的是取消
* let flag = confirm('今天你好吗？');
* console.log(flag);
*/
/*
* => prompt在confirm的基础上给用户提供书写操作的原因等信息
* + 点击的是取消，返回结果是null;点击的是确定，会把用户输入的原因信息返回
* let reason = prompt('确定要删除此信息吗？');
* console.log(reason);
*/
// ==============================
/*
* 想要操作那个元素，就先获取到元素：我们可以通过元素的ID获取到这个元素对象
* document.getElementById : document 限定在整个文档中（上下文） get 获取 element 元素 by
* 通过（整个文档中，基于元素的ID获取到这个元素）
* innerHTML/innerText : 向指定容器中插入内容（插入的信息也会变为字符串再插入）
* + 基于这两种方式会把之前容器中的内容给覆盖掉，想要追加，则采用 += 的方式
* + innerHTML能够把标签文本进行识别和渲染，而innerText会把所有的内容当作普通文本
*/
let box = document.getElementById('box');
box.innerHTML = '<strong>aaa</strong>';
box.innerText = '<strong>aaa</strong>';
/*
* 给页面中的文本框赋值
* let userName = document.getElementById('userName');
* userName.value = '我是JS中插入的内容';
*/
/*
* 把内容写入到页面中，和alert一样，写入的内容最后都会转换为字符串，然后再写入
* document.write('AA');
* document.write(10);
* document.write({name:'jiujiu'}) // => "[object Object]"
*/
</script>
