JavaScript显示数据
常用的输出语句alert, console.log()。其他的看看就行了
将下面的代码拷贝到一个HTML文件中就可以看到效果了,可以看一下的输出效果跟下图有什么区别,
- 下面这个HTML页面是不是很优雅
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>2输出语句</title>
</head>
<body>
<div id="demp">
<p>第一个段落</p>
<p>第二个段落</p>
<p id="test">第三个段落</p>
</div>
<!-- 输出语句的作用在于方便调试代码,或者改变页面的状态 -->
<script>
// 声明一个对象
var obj = {
name: 'echone',
age: '23'
}
// 声明一个常量,保持良好的代码习惯,这里建议将声明的常量用大写字母表示,在后续中讲解
const PI = 3.14
// 在页面中添加这PI
document.write(PI)
// 正确的输出PI常量
alert(PI)
// 对象就是[object object],但是console能看到对象的内容。
alert(obj)
// F12或者检查之后可以在浏览器的控制台正确的看到输出结果
console.log(obj)
// 将id为test的元素的内容改为下面字符
document.getElementById('test').innerHTML = 'i love javascript'
</script>
</body>
</html>
- 运行图示:
- 其他的
其他的慢慢往后面看,反正alert
,console.log
就够用来调试了