本文介绍JavaScript中五种常用输出方式，包括alert弹窗、document.write页面写入、console.log控制台输出、表单元素value属性赋值以及innerHTML和innerText的标签内容处理，详细解析各方法的使用场景与区别。
JavaScript常用输出方式概述
本文直接介绍JavaScript中常用的五种输出方式及其具体用法。
弹窗输出：alert方法
1、alert("要输出的内容");
该方法会在浏览器中弹出一个对话框，并在其中展示指定的输出内容。
需要注意的是，alert方法会先将输出内容转换为字符串，然后再进行显示。
页面写入：document.write方法
2、document.write("要输出的内容");
此方法会将内容直接写入并展示在网页页面中。
控制台输出：console.log方法
3、console.log("要输出的内容");
该方法用于在浏览器的控制台（Console）中输出指定内容，常用于调试。
表单元素赋值：value属性
4、value ->给文本框(表单元素)赋值内容
通过访问表单元素的value属性，可以获取文本框中的内容，也可以为其赋值。
document.getElementById("search").value = "要给#search这个文本框添加的内容";
标签内容赋值：innerHTML与innerText的区别
5、innerHTML/innerText ->给除了表单元素的标签赋值内容
document.getElementById("div1").innerHTML = "吧啦吧啦吧啦吧啦"; document.getElementById("div1").innerText = "吧啦吧啦吧啦吧啦";
接下来分析innerHTML和innerText的主要区别。
1) 在使用innerHTML赋值时，如果遇到有效的HTML标签，浏览器会将其解析为真正的标签，从而发挥标签的作用。
而innerText无论内容是否包含标签，都会将其视为纯文本进行处理，因此标签无法发挥渲染作用。
总结来说，在赋值操作中，innerHTML能够识别并处理HTML标签，而innerText则不能。
2) 在部分旧版火狐浏览器中，不支持innerText属性，而innerHTML则被所有主流浏览器支持。