基础
JavaScript代码镶嵌位置
JavaScript的代码可以镶嵌在网页的任何位置,
不过通常是放在<head>
中
- 第一种是直接写,
<script>...</script>
包含的代码就是JavaScript代码,它将直接被浏览器执行。
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
- 第二种是放在单独的
.js
文件中,然后在HTML中通过<script src="..."></script>
引入这个文件:
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
把JavaScript代码放入一个单独的
.js
文件中更利于维护代码,并且多个页面可以各自引用同一份.js
文件。
可以在同一个页面中引入多个.js
文件,还可以在页面中多次编写<script> js代码... </script>
,浏览器按照顺序依次执行。
- 有时候会看到
<script>
标签还设置了一个type
:
<script type="text/javascript">
...
</script>
但这是没有必要的,因为默认的
type
就是JavaScript,所以不必显式地把type
指定为JavaScript。
编辑器
- Sublime Text
- Notepad ++
运行Javascript
- 在本地调试的时候,
file://
开头的地址,因为浏览器安全限制无法执行如联网等Javascript代码。 - 最终还是需要搭建一个Web服务器,然后以
http://
开头的地址来正常执行所有Javascript代码。 - 现在在入门阶段还不需要关注这个问题。
调试
- 可以利用chrome浏览器的开发者工具。
基本语法
语句
- 每一个语句以
;
结束,但其实并不强制要求,因为引擎会自动添加,但是自动添加有可能会改变程序语意,所以在学习的时候还是不要省略了。 - 因为是以
;
结束一个语句,所以一行可以多写几句,但是不建议这样写
var x = 1; var y = 2; // 不建议一行写多个语句!
- 语句块石一组语句的集合,语句块写在
{...}
内:
if (2 > 1) {
x = 1;
y = 2;
z = 3;
}
这里语句块是有缩进的,但其实Javascript的语法没有要求缩进,但是缩进可以更好阅读,理解代码。
-
{...}
还可以嵌套,形成层级结构:
if (2 > 1) {
x = 1;
y = 2;
z = 3;
if (x < y) {
z = 4;
}
if (x > y) {
z = 5;
}
}
JavaScript对嵌套层级是没有要求的,但是嵌套太多了不方便理解代码。
遇到多层嵌套的时候就应该把代码抽出来,写成函数。
注释
也是有两种,单行和多行。
- 单行
//
// 这是一行注释
alert('hello'); // 这也是注释
- 多行
/*...*/
/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */