JavaScript學習
JavaScript(通常縮寫為JS）是一種進階的、直譯的程式語言是用來網頁上做出動態內容的腳本語言，也是前端工程師需要學會的程式語言之一，JavaScript是一門基於原型、函式先行的語言，是一門多範式的語言，它支援物件導向編程，指令式程式設計，隨著最新的HTML5和CSS3語言標準的推行它還可用於遊戲、桌面和行動應用程式的開發和在伺服器端網路環境執行，如Node.js。如果單靠HTML和CSS是無法產生動態網頁的，在後續學習中將會學習如何使用JavaScript來DOM(Document Object Model)動態存取HTML及XML籤內容延伸到針對FHIR標籤內容來編輯元素、屬性和節點。有關此章節說明與應用可參考國外W3C School網站學習與模擬測試。
-
JavaScript是Web開發人員必須學會的三種語言之一
- HTML定義網頁內容
- CSS指定網頁的佈局
- 使用JavaScript編寫網頁行為
- JavaScript在網頁中崁入有三種方法
- 寫在<script>標籤之間
- 寫在HTML標籤之間
- 寫在外部的JavaScript檔案中
- <script>標籤之間範例；
<script type ="text/javascript">
//<![CDATA
window.alert("Hello!");
//]]>
</script>
- 利用HTML標籤之事件處理器的範例
<input type="button" value="請按一下" onclick="alert('按鈕啟動');"/>
- 寫在外部JavaScript檔案中，提醒使用外部檔案中文等英數文字、符號以外的字元時，文字編碼要與HTML檔案相符，若不同可以藉由charsetcharset屬性來設定。
- JavaScript的撰寫規則
- 可以在多個不同瀏覽器使用但必須確認效果都相同
- 在HTML中的位置可須分三處
- <head>標籤之間程式會用到事件的處理動作
- <body>標籤之間程式在讀入<body>標籤內元素後執行處理動作
- HTML標籤的事件處理器
- 標識符是名稱。在JavaScript中，標識符用於命名變量（以及關鍵字，函數和標籤）。在大多數編程語言中，法定名稱的規則幾乎相同。在JavaScript中，第一個字符必須是字母，下劃線（_）或美元符號（$）。後續字符可以是字母，數字，下劃線或美元符號。
- JavaScript區分大小寫
- 在每個可執行語句的末尾添加分號；請務必養成習慣。
- JavaScript會忽略多個空格
- JavaScript語句可以在大括號{...}中的代碼塊中分組在一起。
- JavaScript關鍵字如下圖所示
Keyword Description break Terminates a switch or a loop continue Jumps out of a loop and starts at the top debugger Stops the execution of JavaScript, and calls (if available) the debugging function do ... while Executes a block of statements, and repeats the block, while a condition is true for Marks a block of statements to be executed, as long as a condition is true function Declares a function if ... else Marks a block of statements to be executed, depending on a condition return Exits a function switch Marks a block of statements to be executed, depending on different cases try ... catch Implements error handling to a block of statements var Declares a variable
- JavaScript禁止使用的規則
- 使用半形英數文字及「ˍ」(底線)、「＄」(錢號)
- 名稱的第1個字為數字
- JavaScript的保留字
JavaScript保留字
break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
typeof
this
throw
try
with
未來預定保留字
abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implement
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile
JavaScript是Web開發人員必須學會的三種語言之一
- HTML定義網頁內容
- CSS指定網頁的佈局
- 使用JavaScript編寫網頁行為
- 寫在<script>標籤之間
- 寫在HTML標籤之間
- 寫在外部的JavaScript檔案中
- <script>標籤之間範例；
- 利用HTML標籤之事件處理器的範例
- 寫在外部JavaScript檔案中，提醒使用外部檔案中文等英數文字、符號以外的字元時，文字編碼要與HTML檔案相符，若不同可以藉由charsetcharset屬性來設定。
- JavaScript的撰寫規則
- 可以在多個不同瀏覽器使用但必須確認效果都相同
- 在HTML中的位置可須分三處
- <head>標籤之間程式會用到事件的處理動作
- <body>標籤之間程式在讀入<body>標籤內元素後執行處理動作
- HTML標籤的事件處理器
- 標識符是名稱。在JavaScript中，標識符用於命名變量（以及關鍵字，函數和標籤）。在大多數編程語言中，法定名稱的規則幾乎相同。在JavaScript中，第一個字符必須是字母，下劃線（_）或美元符號（$）。後續字符可以是字母，數字，下劃線或美元符號。
- JavaScript區分大小寫
- 在每個可執行語句的末尾添加分號；請務必養成習慣。
- JavaScript會忽略多個空格
- JavaScript語句可以在大括號{...}中的代碼塊中分組在一起。
- JavaScript關鍵字如下圖所示
- JavaScript禁止使用的規則
- 使用半形英數文字及「ˍ」(底線)、「＄」(錢號)
- 名稱的第1個字為數字
- JavaScript的保留字
| Keyword | Description |
|---|---|
| break | Terminates a switch or a loop |
| continue | Jumps out of a loop and starts at the top |
| debugger | Stops the execution of JavaScript, and calls (if available) the debugging function |
| do ... while | Executes a block of statements, and repeats the block, while a condition is true |
| for | Marks a block of statements to be executed, as long as a condition is true |
| function | Declares a function |
| if ... else | Marks a block of statements to be executed, depending on a condition |
| return | Exits a function |
| switch | Marks a block of statements to be executed, depending on different cases |
| try ... catch | Implements error handling to a block of statements |
| var | Declares a variable |
- JavaScript保留字breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturntypeofthisthrowtrywith未來預定保留字abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgotoimplementimportintinterfacelongnativepackageprivateprotectedpublicshortstaticsupersynchronizedthrowstransientvolatile
沒有留言:
張貼留言