JS中常用的输出方式(五种)

当我们在编写JavaScript代码时，需要将程序运行的结果在控制台或者网页上输出，此时就需要使用JavaScript提供的输出函数。JS中常用的输出方式有以下五种：

1. alert()

语法：alert(要输出的内容);

作用：在页面上弹出一个消息框，并在里面输出指定的内容。

示例：

alert("您的操作有误，请重新输入！");   //在弹出框中输出指定的内容

2. console.log()

语法：console.log(要输出的内容);

作用：在浏览器控制台输出指定的内容。

示例：

var a = 10, b = 20;
console.log(a + b);   //在控制台输出30

3. document.write()

语法：document.write(要输出的内容);

作用：在网页上输出指定的内容。

示例：

document.write("Hello, world!");   //在网页上输出Hello, world!

4. innerHTML

语法：element.innerHTML = 要输出的内容；

作用：将指定标签元素内部的HTML内容修改为指定的内容。

示例：

<div id="output"></div>   //HTML页面上的一个空DIV标签
<script>
  var element = document.getElementById("output");   //获取指定的标签元素
  element.innerHTML = "Hello, world!";   //将DIV标签内部内容修改为Hello, world!
</script>

5. window.open()

语法：window.open(url, name, features);

作用：在新窗口中打开指定网址。

示例：

<button onclick="openNewWindow()">打开新窗口</button>
<script>
  function openNewWindow() {   //定义一个函数，用于打开新窗口
    window.open("https://www.baidu.com", "_blank", "width=600,height=400");   //在新的窗口中打开百度网址，窗口宽度为600，高度为400
  }
</script>

以上就是JS中常用的五种输出方式，根据需求选择合适的方式进行输出。