JavaScript 第一章总结
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