1、控制浏览器弹出一个警告框
2、向body中输出一个内容
虽然写在head标签中,但是执行时,会出现在body标签中。
3、向控制台输出一个内容
三条命令是顺序执行的,警告框确认后,后两个命令才会执行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
alert("星期三");
document.write("继续加油");
console.log("一切都会好的");
</script>
</head>
<body>
</body>
</html>
4、注释
/**/多行注释:只在script标签中有效。
//单行注释:只在script标签中有效。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript"></script>
<script type="text/javascript">
/*
alert("星期三");
document.write("继续加油");
console.log("一切都会好的");
*/
//单行注释
</script>
</head>
<body>
<div id="app">
{{message}}
</div>
<script type="text/javascript">
/*
var app = new Vue({
el: '#app',
data: {
message: 'hello world'
}
});
*/
</script>
</body>
</html>
5、JS中严格区分大小写
CSS中不区分
<a href="http://www.baidu.com">百度链接</a>
<A href="http://www.baidu.com">百度链接</a>
6、JS中每一条语句以分号(;)结尾
如果不写分号:
- 浏览器会自动添加,会消耗一些系统资源;
- 有时,浏览器会加错分号;
7、JS中会忽略多个空格和换行
利用空格和换行对代码进行优化
8、字面量和变量
字面量:可以直接使用的,例如:1,2,3,4,5.(一般不会直接使用字面量)