前言:
先前因為爬蟲的問題,碰到很多JavaScript的東西,再加上WallpaperEngine有的動態桌布也是用Js做的,就想要開始從零學習Js。
學習的網站:JavaScript Tutorial
這個網頁有他的好處,在於他的範例都會要你自己動手做看看,多做多用便是學習任何技術的不二法門。
本文:
Java和JavaScript是兩個截然不同的東西,一個是物件導向語言,另一個是用在Html和網頁方面的程式語言。
文章開頭寫說"JavaScript is ez to learn." 那我們拭目以待。
為什麼我們要學習JaveScript呢?
JaveScript是三種網頁開發者必須學習的:
- 用HTML 定義網頁的內容 (HTML to define the content of web pages)
- 用CSS 特定網頁的框架 (CSS to specify the layout of web pages)
- 用JavaScript 寫網頁 (JavaScript to program the behavior of web pages)
不只是只有在網頁上才有使用到JavaScript。很多桌面和伺服器的程式也是使用到JavaScript。而Node.jsode.js是被廣為人知的 ,還有像是資料庫,舉例來說MongoDB和CouchDB也是使用JavaScript作為他們所使用的程式語言。
一開始就遇到了我們的第一個專案My First JavaScript。
可以看到畫面左邊是程式碼區,而又邊是執行結果。
熟悉html的朋友,應該對程式碼不陌生,不熟悉或忘記的沒關係,
<!DOCTYPE html>
#DOCTYPE 為document type的縮寫,代表的是文件類型,作用是用來說明目前的網頁是使用何種版本。
<html>
#網頁的開始
<body>
#網頁的內容開始
<h2>My First JavaScript</h2>
以大小為h2的文字
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
#<button type="button"> 該按紐是可以點擊的
# onclick="document.getElementById('demo').innerHTML = Date()
#設立一個按鍵事件,並將標準時間存到demo
#Click me to display Date and Time.</button> button的名稱
<p id="demo"></p>
#輸出demo
</body>
#網頁的內容結束
</html>
# 網頁的結束
-----碎碎念-----
原本下午就要打的,結果打CS:GO忘我,又卡到運動時間,於是就那麼晚打。
第一天內容很少不為過吧!好的開始是成功的一半。
如果內容有問題,麻煩各位Js大腿給我機會改進,並且在底下留言糾正我。