js的三种输出语句方法，及相关实例在线编辑运行
javascript是对web进行编程的计算机语言，js的输出，不止三种，加上jquery的就更多了，就像前面章节中用jquery的before()、after()、text()等方法来输出数据。这里介绍三种比较基本的js输出方式，并提供相应的实例，有需要的可以通过每个实例下方的试一试按钮进行在线编辑运行。
js的三种输出语句
innerHTML
写入HTML元素的值：
<html>
<body>
<p id='ap'></p>
<script>
document.getElementById("ap").innerHTML = "js的innerHMTL，可以为html的元素动态地添加值，比如这个例子，在页面加载的时候，元素p的值将添加这段文字。";
</script>
</body>
</html>document.write()
使用document.write()方法，会直接在html中写入输出，大家可以注意一下效果（会删除原有的html元素，然后再输出）：
<html>
<body>
<script>
document.write("点击运行后，注意查看页面的变化情况！");
</script>
</body>
</html>alert()方法输出内容
alert()方法会弹出一个对话框来显示输出的内容，这是鄙人在前端开发中遇到bug时经常用的一种查找bug的方法，因很直观地显示程序可以运行到哪个位置，也就是说程序运行到哪里最可能出错了。
<html>
<body>
<script>
alert("alert()将弹出一个对话框，比如用来提示用户的输入用户名或密码错误等等！点击运行一下就知道了！不同的浏览器的对话框样式可能有所不同！");
</script>
</body>
</html>console.log()方法介绍
console.log()也是js的一种输出方法，不要输出的内容是写在浏览器的控制台。控制台的打开方式：在页面中，鼠标右键，在弹出的菜单中点击“检查”，然后在右侧选择“控制台”，关闭的话，直接点右侧的“X”就可以了。
<html>
<body>
<script>
console.log("一切ok！点击运行之后，按实例上述的方法打开控制台，便可查看控制台的输出内容了！")
</script>
</body>
</html>text()方法的输出
text()是jquery中的方法，同样也可以用来输出，这里先了解一下即可：
<html>
<body>
<p id='example'></p>
<button class='btn btn-default'>试一试</button>
<script>
$("button").click(function(){
$("#example").text("hello，你好呀！")
})
</script>
</body>
</html>