A quick dip into javascipt
The way JavaScript works
HTML 用一系列的 markup 来呈现整个 content 的 structure.
CSS 用一系列的 rules 来设置网页的 style.
JavaScript 通过statement 达到 let you create behaviors 的目的。
总结起来，就是 HTML/CSS 用来 create static web pages,而用 JavaScript 来 create dynamic pages.
关于statement
相同的地方
- 一个 statement 以封号为结尾
- 以 // 后为注释
- 都是case sensitive 的，也就是大小写的情况是不一样的。
不相同的地方：
- 变量可用来存储数值，字符串和 booleans，在存储 字符串的时候，可用单引号也可用双引号。
- 标示符的命名规则不同：可以在其中添加 $ 和 _ 两种符号。
- Always use "var" 这个 keyword when declaring a variable.
两种 Expressions
定义：Expressions evaluate to values.
第一种 expression:返回数值：例如 price - (price*(dicount/100));
第二种 expression:返回字符串：例如："Dear"+"Reader"+","
You can concatenate strings together with"+"
第三种 expression:返回 boolean 值：例如：age<=14;
animal=="bear"
四种方法 communicate with your user
- Create a alert:
alert(); - Write directly into your document:
document.write - Use the console:
console.log() - Directly manipulate your document.
在 HTML 中设置 <script> 的最佳位置
最好的位置是在 <body>之中添加，并且设置成含有 src 这个 attribute 的格式，原因有两点：
- 在
<head>中设置的话，会影响网页打开的速度。所以在<body>中设置，放置影响内容的呈现。 - 利用
<script src="">的格式，然后另外创建一个扩展名为 .js 的文件，用来将 HTML 和 JavaScript 分开。
其他：
需要在 HTML 中添加 <script>的一些注意事项：<script type="text/javascript" src="myJavaScript"></script>
- type 这个 attribute 的默认为 javascript ，所以当你 leave it off 的时候，Browser 默认你使用 JavaScript ，作者在这里建议 leave it off
- src 的 value 为js 文件的地址
- 并且不要忘记 这个 closing tag