您的位置：首页 > Web前端 > JavaScript

JavaScript的输出

2017-08-03 10:28 309 查看
在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”不会显示，直接显示的是脚本执行后的结果“我是修改后的段
4000
落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以查看它包含的许多的内容：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  JavaScript输出 window.alert document.write innerHTML console.log
相关文章推荐
新的分享
章节导航