全文完整示例代码为：
<DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>js输出情况</title>
</head>
<body>
<h2>第一种输出：alert</h2>
<button type="button" οnclick="alert_output()">点击这里</button>
<script>
function alert_output(){
alert(Date());
}
</script>
<hr/>
<h2>第二种输出：写入到HTML元素 innerHTML</h2>
<button type="button" οnclick="getDate2()">点击这里显示日期</button>
<p>日期为：<span id="date2"></span></p>
<script>
function getDate2(){
var x2=document.getElementById("date2");
x2.innerHTML=Date();
}
</script>
<hr/>
<h2>第三种输出：写到HTML文档document.write()</h2>
<button type="button" οnclick="getDate3()">点击这里显示日期</button>
<script>
function getDate3(){
document.write(Date());
}
</script>
<hr/>
<h2>第四种输出：输出到控制台console.log()</h2>
<script>
var a=6;
var b=9;
var c=a+b+1;
console.log("c的值为："+c);
console.log("日期为："+Date());
</script>
</body>
</html>1. 第一种输出类型为弹出警告窗alert()。
优点：可以直观的展示数据，用于调试；
缺点：窗口弹出之后程序不会继续执行下去，页面死掉了；
2. 第二种输出类型为写入到HTML元素 innerHTML。innerHTML是DOM(文档对象模型)的一个属性，直观解释就是使用它能够 选择性的改变这个HTML文档里面的某一个元素。例如，可以为文档里的一个<p></p>标签设置一个id="demo"，通过选择这 个id来进行html元素的改变。
优点：可以更加精确的控制刷新这个页面的某一个或某几个元素；
3. 第三种输出类型为写出到HTML文档 document.write()。写法可以是
输出变量：document.write(a);
输出字符串：document.write("hello world!");
输出调用函数的结果：document.write(Date());
缺点：当执行完整个文档后，若document.write()直接写入了当前文档，那么写入的内容就直接显示在当前文档上，此时输入文档流关闭。若当执行完整个文档后，我们需要触发点击事件来加载document.write()语句，此时就会出现一个新的文档覆盖了当前文档，新的文档将会显示document.write()输出的内容。
4. 第四种输出类型为控制台输出 console.log()。括号中的写法与document.write()类似。
查看控制台输出时，在浏览器页面中右击，选择“检查”，然后点击“Console”，即可查看。
优点：它的输出与alert()不同，不影响程序的继续运行；可用其进行调试。
Javascript的四种输出类型就讲解完成了，如果有其它疑问，欢迎进行评论！！！
1068
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
