iT邦幫忙

DAY 7
3

MIS2000Lab.的「HTML5 認證考試,從零開始」--菜鳥的30天馬拉松系列 第 7

MIS2000Lab.的「HTML5 認證考試,從零開始」#7-- JavaScript入門 (I)

===============================================
本系列文章已經集結出書
HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

出版商:碁峰
出版日期:2015-04-09

語言:繁體中文
ISBN:9863475750
ISBN-13:9789863475750

PChome http://24h.pchome.com.tw/books/prod/DJAV0S-A90060ASI
博客來 http://www.books.com.tw/products/0010671214
天瓏書局 https://www.tenlong.com.tw/items/9863475750?item_id=1003110
上一篇文章 http://ithelp.ithome.com.tw/question/10157369

JavaScript可以使用文字編輯器撰寫,並且直接在用戶端(Client)的「瀏覽器」裡面運作並觀看結果(故稱為前端技術),
一直以來都是互動式網頁程式的重點。

JavaScript”並非”JAVA語言,也”不是”Java平台的一部分,兩者差異很大!

根據Wiki維基百科的介紹:JavaScript是一種直譯式程式語言,它的直譯器被稱為「JavaScript引擎」為瀏覽器的一部份,
廣泛用於客戶端(前端)的腳本語言,JavaScript是甲骨文公司的註冊商標。然而現在JavaScript也可被用於網路伺服器,如Node.js。

JavaScript與XMLHttpRequest API的組合稱為AJAX(全名Asynchronous JavaScript And XML),
可讓網頁執行非同步(asynchronous)的要求(Requests)返回Web伺服器,
不需要讓整個頁面的資料更新(reload),只更新某部分的內容即可。

提醒您,如果一列程式碼無法正常執行,那麼後續的程式也無法執行下去(因為JavaScript是直譯式的語言)。

先看看第一個簡單的範例

document.write(“字串”)可以把字串寫在網頁裡面(視同網頁內的文字)。

而window.alert(“字串”)則是出現一個Pop-up視窗來提醒使用者。

[img=415,414]http://ithelp.ithome.com.tw/upload/images/20141002/20141002002742542c2b7e4a446_resize_600.jpg[/img]

==== 變數(Variables)====

不想給變數一個”初始值”的話,請用var來宣告變數。不然的話可能會遇見「undefined(未定義)」錯誤訊息。
例如 var mystery;

JavaScript變數的命名規則:

  1. 必須是「英文字」或是「底線(就是 _符號)」作為開頭字元。
  2. 變數名稱的英文大小寫有差別(case sensitive),不要混用。

==== 資料型態(Data Types) ====

不像C#或是VB語法有那麼多資料型態,JavaScript比較簡單,除了var之外只有三種資料型態。

 String(字串)
 Number(數值)
 Boolean(布林)

==== 運算子(Operators) ====

第一,算術運算子就是我們常見的數學運算符號,加減乘除之類的。
 + (加)
 - (減)
 * (乘)
 / (除)
 % (餘數)
 ++ (累加)
 -- (累減)

第二,指定運算子,您看得懂下面的這些運算子嗎?
 x = y
 x += y (寫法等同於x = x + y)
 x -= y (寫法等同於x = x - y)
 x *= y (寫法等同於x = x * y)
 x /= y (寫法等同於x = x / y)
 x %= y (寫法等同於x= x % y,得到相除以後的”餘數”)

第三,字串運算子。
提醒您,除了數值可以相加(+符號)以外,「字串」相加會把兩個字串連結在一起。

第四,(三元)條件運算子
寫成「? :」。其實是簡寫的if判別式。

第五,比較運算子
 ==
 != (不等於)
 >
 <
 >= (大於等於)
 <= (小於等於)

第六,布林運算子,兩者比較後的成果是true或false。

理論上,我應該每個說明都要放一個簡單的範例上去

有了範例(程式碼),好過文字說明幾百字

這三十天的鐵人賽,要講HTML5與相關的技術,範圍實在太大

但因為篇幅有限,只好稍微打住,實在抱歉(但出版的書本裡面,一定有附上完整的範例,不會偷工減料!)

不要走開,馬上回來

下一篇 http://ithelp.ithome.com.tw/question/10157766

===============================================
本系列文章已經集結出書
HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

出版商:碁峰
出版日期:2015-04-09

語言:繁體中文
ISBN:9863475750
ISBN-13:9789863475750

PChome http://24h.pchome.com.tw/books/prod/DJAV0S-A90060ASI
博客來 http://www.books.com.tw/products/0010671214
天瓏書局 https://www.tenlong.com.tw/items/9863475750?item_id=1003110


上一篇
MIS2000Lab.的「HTML5 認證考試,從零開始」#6-- CSS樣式、Box Model與HTML5
下一篇
MIS2000Lab.的「HTML5 認證考試,從零開始」#8-- JavaScript入門 (II)
系列文
MIS2000Lab.的「HTML5 認證考試,從零開始」--菜鳥的30天馬拉松30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
kmo67143
iT邦新手 5 級 ‧ 2021-02-08 17:27:42

範例看不到?連續幾篇都GG~

我要留言

立即登入留言