JavaScript的四种显示方式
- 使用
window.alert()
警告框 - 使用
document.write()
写入HTML输出 - 使用
innerHTML
写入HTML元素 - 使用
console.log()
控制台输出
使用window.alert()
使用警告款来输出数据
<script>
window.alert('hello world');
</script>
使用document.write()
在页面结构中写入内容,一般用于测试
<script>
document.write('hello world');
</script>
注意:在 HTML 文档完全加载后使用 document.write() 将覆盖掉所有已有的 HTML元素
使用innerHTML
如果要使用HTML元素,js中可使用document.getElementById(id)
的方法。
id
属性定义HTML元素,innerHTML属性定义HTML的内容
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
// 代码执行后,id为demo的p标签的内容变为11
使用console.log()
在浏览器中,按F12可以打开控制台窗口,该方法最常用
<script>
console.log('hello world');
</script>