JavaScript输出

55 阅读1分钟

JavaScript输出


JavaScript不提供任何内建的打印或显示函数。


JavaScript 显示方式

  • 使用Window.alert( ) 写入警告框
  • 使用document.write( )写入HTML输出
  • 使用innerHTML 写入HTML元素
  • 使用console.log()写入浏览器控制台

实例:

  1. 使用Window.alert( ) 写入警告框

JS1.png

2.使用document.write( )写入HTML输出

<!DOCTYPE html>
<html>
<body><h2>我的第一张网页</h2>
<p>我的第一个段落。</p><button type="button" onclick="document.write(5 + 6)">试一试</button></body>
</html>

点击前:

js2-1.png

点击后:

js2-2.png

注意: 在 HTML 文档完全加载后使用 document.write()删除所有已有的 HTML

提示: document.write() 方法仅用于测试

3.使用innerHTML 写入HTML元素

<!DOCTYPE html>
<html>
<body><h1>我的第一张网页</h1><p>我的第一个段落</p><p id="demo"></p><script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script></body>
</html>

结果:

js3.png

提示: 更改 HTML 元素的 innerHTML 属性是在 HTML 中显示数据的常用方法。

4.使用console.log()写入浏览器控制台

js4.png