JavaScript的输出

来源:互联网 发布:大逃杀网络延迟检测 编辑:程序博客网 时间:2024/05/22 09:49

在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以查看它包含的许多的内容:



原创粉丝点击