网页编程轻松学
JavaScript基础语法
首先需要了解一些JavaScript的基础语法，这部分相对枯燥一些，所以只是介绍最简单的必须了解的一部分，有些内容在后续学习中再讲。要说明的是，这里主要还是介绍es5的内容，也就是早期的普遍使用的被广泛支持的版本，以此为主，也会提及一些es6的新内容，虽然大部分浏览器已经支持了es6的主要部分，但目前看到的代码并未普遍采用es6。
1. JavaScript中是识别大小写字母的，也就是使用大写字母与使用小写字母是不同的，比如apple和Apple，在JavaScript看来就是不同的。
2. JavaScript的注释，分两种，一种是行内注释，一种是多行注释。
1）行内注释以双斜杠//开头，直到行尾。
2）多行注释以/*开头，直到*/结束。
注释，一般是用来说明一行或一段代码的含义，在代码很多时比较容易让人看懂，一般公司正式的代码都要求有注释，不然一个人写的代码其他人就难以看明白，他人难以使用难以修改。个人写的代码，如果时间久了，也会忘记，有注释就容易回想其他，修改也就少耗时间。
注释另一种常用的场合是用来调试代码，把一行代码前面加上双斜线就不会被运行，一段代码使用/*和*/包围起来也就失效，便于查错，也就是常说的debug。有时候为了调试查错需要，需要加入一些代码，比如console.log()语句，在控制台输出一些信息，但大量的信息输出会耗时，正式的代码一般就会注释掉这部分。
3. JavaScript的每个语句之间并不必须使用分号分隔，但有时候不使用分号会让浏览器错误理解，因此应尽量在语句后使用分号。不过，有时滥用分号也会出现编译问题，特别是在链式指令中，需要注意。
4. JavaScript一般以换行符分隔语句，不同的语句一般不要放在一行，避免出现问题。变量初始化时，可以使用逗号来分隔每个变量，把多个变量放在一行，如：
5. JavaScript有一些保留字，有固定含义的，不能用作其他，否则会造成错误，比如前面的var、let等都是，以后还会介绍一些，如if、else、for、do、while等。
知道以上一些常识，然后就可以写JavaScript代码了。不过，也要先说明，JavaScript代码怎样引入到网页中。网页是使用HTML标记语言来描述的，为了加入JavaScript代码，就引入了标记<script>，JavaScript代码比如放在<script>标记中，有内嵌方式和引入文件方式两种。
1）内嵌方式，就是把JavaScript代码直接放在<script>和</script>标记直接，如：
2）引入文件方式，就是将JavaScript代码单独存为一个js文件，文件名的后缀为.js，如hello.js，然后使用<script>标记的src属性引入，如：
而<script>和</script>部分，可以放置在<head>和</head>标记之间，也可以放在<body>和</body>之间，但现在一般都推荐放在<body>和</body>的最后，即</body>之前。 这样，当所有页面元素都载入后才会载入JavaScript代码，当代码比较大时不会造成页面显示的延迟，而如果其中一些代码需要获取页面的元素时，因为页面元素已全部载入，也不会出现问题。
另外需要说明，<script>还有一个charset属性，用来指明所使用的字符集，在JavaScript中包含unicode字符时，如果字符集与HTML网页使用的charset不同时，可能加载时会出现错误或显示乱码，这时就需要使用charset属性指明。
1. JavaScript中是识别大小写字母的，也就是使用大写字母与使用小写字母是不同的，比如apple和Apple，在JavaScript看来就是不同的。
2. JavaScript的注释，分两种，一种是行内注释，一种是多行注释。
1）行内注释以双斜杠//开头，直到行尾。
2）多行注释以/*开头，直到*/结束。
注释，一般是用来说明一行或一段代码的含义，在代码很多时比较容易让人看懂，一般公司正式的代码都要求有注释，不然一个人写的代码其他人就难以看明白，他人难以使用难以修改。个人写的代码，如果时间久了，也会忘记，有注释就容易回想其他，修改也就少耗时间。
注释另一种常用的场合是用来调试代码，把一行代码前面加上双斜线就不会被运行，一段代码使用/*和*/包围起来也就失效，便于查错，也就是常说的debug。有时候为了调试查错需要，需要加入一些代码，比如console.log()语句，在控制台输出一些信息，但大量的信息输出会耗时，正式的代码一般就会注释掉这部分。
3. JavaScript的每个语句之间并不必须使用分号分隔，但有时候不使用分号会让浏览器错误理解，因此应尽量在语句后使用分号。不过，有时滥用分号也会出现编译问题，特别是在链式指令中，需要注意。
4. JavaScript一般以换行符分隔语句，不同的语句一般不要放在一行，避免出现问题。变量初始化时，可以使用逗号来分隔每个变量，把多个变量放在一行，如：
var a,b=0,c=100; //es5
let a,b=0,c=100; //es6
5. JavaScript有一些保留字，有固定含义的，不能用作其他，否则会造成错误，比如前面的var、let等都是，以后还会介绍一些，如if、else、for、do、while等。
知道以上一些常识，然后就可以写JavaScript代码了。不过，也要先说明，JavaScript代码怎样引入到网页中。网页是使用HTML标记语言来描述的，为了加入JavaScript代码，就引入了标记<script>，JavaScript代码比如放在<script>标记中，有内嵌方式和引入文件方式两种。
1）内嵌方式，就是把JavaScript代码直接放在<script>和</script>标记直接，如：
<script type="text/javascript">
console.log("Hello World!");
</script>
2）引入文件方式，就是将JavaScript代码单独存为一个js文件，文件名的后缀为.js，如hello.js，然后使用<script>标记的src属性引入，如：
<script type="text/javascript" src="hello.js"></script>
src属性中可以使用相对路径，如src="js/hello.js"或src="./js/hello.js"，也可以使用绝对路径，但绝对路径是以网站所在目录为根目录。而<script>和</script>部分，可以放置在<head>和</head>标记之间，也可以放在<body>和</body>之间，但现在一般都推荐放在<body>和</body>的最后，即</body>之前。 这样，当所有页面元素都载入后才会载入JavaScript代码，当代码比较大时不会造成页面显示的延迟，而如果其中一些代码需要获取页面的元素时，因为页面元素已全部载入，也不会出现问题。
另外需要说明，<script>还有一个charset属性，用来指明所使用的字符集，在JavaScript中包含unicode字符时，如果字符集与HTML网页使用的charset不同时，可能加载时会出现错误或显示乱码，这时就需要使用charset属性指明。