JavaScript的输出
在JavaScript中没有任何的打印或者输出的函数
JavaScript可以通过以下方式来输出:
1.使用window.alert()弹出警告框
2.使用document.write()方法将内容写到HTML文档中
3.使用innerHTML写入到HTML元素
4.使用console.log()写入到浏览器的控制台中
下面通过案例来使用上述的4中输出方式:
1.使用window.alert()弹出警告框
代码:
<!DOCTYPE html>
<html>
<body>
<script>
window.alert("我是弹窗!");
</script>
</body>
</html>
结果:
2.使用document.write()方法将内容写到HTML文档中
代码:
<!DOCTYPE html>
<html>
<body>
<script>
document.write("你好!"+"<br/>");//直接输出字符串,其中的"<br/>"用于换行
document.write(4545+"<br/>");//直接输出数值
document.write(Date()+"<br/>");//显示当前时间,使用的是Date()方法
//还可以通过定义变量来输出,例如:
var x=5;//通过使用var定义变量
var y;
y=6;
document.write("x="+x+"<br/>");//输出变量x的值
document.write("x+y="+x+y);//输出x+y的值
</script>
</body>
</html>
结果:
3.使用innerHTML写入到HTML元素
代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo1">我是段落1</p>
<p id="demo2">我是段落2</p>
<script>
x=document.getElementById("demo1");//找到元素(id为demo1)
x.innerHTML="我是修改后的段落1";//修改元素内容
document.getElementById("demo2").innerHTML="我是修改后的段落2";//上面的两个步骤合在一起写
</script>
</body>
</html>
结果:
这里需要说明的是,因为script脚本在页面加载时就执行了,所以原先的“我是段落1”不会显示,直接显示的是脚本执行后的结果“我是修改后的段落1”。
4.使用console.log()写入到浏览器的控制台中
代码:
<!DOCTYPE html>
<html>
<body>
<script>
var a=10;
var b=20;
var c=a+b;
console.log(c);
</script>
</body>
</html>
结果:
关于console,里面有非常丰富的内容,你可以在控制台中输入console以查看它包含的许多的内容: