JavaScript 第一章總結
阿新 • • 發佈：2018-12-20
java 設置 variable 影響 位置 創建 網頁 truct mark 在 HTML 中設置
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
JavaScript 第一章總結