ETH官方钱包

切換
舊版
前往
大廳
主題

JavaScript從零到有-Day1

萬念俱灰的人最強 | 2019-08-03 23:17:45 | 巴幣 2 | 人氣 321

前言:

先前因為爬蟲的問題,碰到很多JavaScript的東西,再加上WallpaperEngine有的動態桌布也是用Js做的,就想要開始從零學習Js。


學習的網站:JavaScript Tutorial

這個網頁有他的好處,在於他的範例都會要你自己動手做看看,多做多用便是學習任何技術的不二法門。

本文:
Java和JavaScript是兩個截然不同的東西,一個是物件導向語言,另一個是用在Html和網頁方面的程式語言。

文章開頭寫說"JavaScript is ez to learn." 那我們拭目以待。

為什麼我們要學習JaveScript呢?
JaveScript是三種網頁開發者必須學習的:
  1. 用HTML 定義網頁的內容 (HTML to define the content of web pages)
  2. 用CSS 特定網頁的框架 (CSS to specify the layout of web pages)
  3. 用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大腿給我機會改進,並且在底下留言糾正我。

創作回應

超胖小小牛
python呢
2019-08-04 04:35:11
萬念俱灰的人最強
等等再打
2019-08-04 11:37:30

更多創作