JavaScript输出


JavaScript输出


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


JavaScript 显示方式

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

实例:

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

    JS1

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

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<body>

<h2>我的第一张网页</h2>
<p>我的第一个段落。</p>

<button type="button" onclick="document.write(5 + 6)">试一试</button>

</body>
</html>

点击前:

js211

点击后:

js2-2

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

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

3.使用innerHTML 写入HTML元素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

结果:

js3

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

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

js4


欢迎关注我的其它发布渠道