---
# System prepended metadata

title: java script(學習經歷)

---

# java script(學習經歷)

此筆記參考 唐元亮老師的網站
http://yltang.net/tutorial/javascript/1/


## 環境建置
環境下載網站>http://brackets.io/    (下載安裝)
檔名為: Brackets.Release.x.x.msi



設定Brackets

✶ 設定中文繁體介面：Debug → Switch Language → 繁體中文 → Reload Brackets

✶ 選擇字型：檢視 → 佈景主題 → 字體大小：14px，字體 (選等寬字體) Consolas


因為 Brackets 的智慧縮排一點也不智慧，且 JavaScrit 語法錯誤偵測 (JsLint) 也不好用，因此將兩個都停用

 在 Brackets 裡，點選 「除錯」 → 「開啟喜好設定檔」 (或：Debug → Open Preferences File) 即可編輯 brackets.json 設定檔，在最後加入 2 行
輸入 內容

{
    "brackets-eslint.gutterMarks": true,
    .
    .
    ...,
    "smartIndent": false,
    "linting.enabled": false
}


## 建立新 HTML 檔案
啟動 Brackets 並移至目的資料夾
檔案 → 開啟資料夾 → 選擇 <...>/javaScript/ 目錄 → 開啟

<<基於安全機制，Brackets 內建的伺服器僅能存取該資料夾以下的資料，該資料夾以上的資料都無法存取>>

<建立新檔案 add-content.html>

檔案 → 新增 → ctrl-s → 選擇<...>/javaScript/ch1/ 目錄， 檔名：add-content.html → 儲存

內容複製貼上 前面+<

!doctype html>
html>
head>
meta charset="utf-8">
title>穩固建築公司</title>
link rel="stylesheet" href="css/ch1.css">
/head>
body>
h1>穩固建築公司</h1>
script src="js/add-content.js"></script>
p>下訂單及查詢，請電 <em>(04)2332-3000</em>/p>  
/body>
/html>

下載 assets1.zip，解壓縮後將 ch1.css 與 background.png 檔案分別置於 ch1/css/ 及 ch1/img/ 目錄裡
▸ 在瀏覽器開啟 add-content.html：
✶ 首先彈出訊息視窗：「第一個 JavaScript 程式」

建議：除非必要，否則最好不要將 HTML 與 JavaScript 程式混在一起

## 註解
多行註解 (Multi-line comment)：包含在 /* 與 */ 之間， 可跨多行，大多用來說明整段程式的意義

單行註解 (Single-line comment)：跟隨在 // 之後的文字直到行末，不跨行， 大多用來說明某程式片段
