原创 第 3 章 DOM 操作

認識 DOM 通過 ID 獲取元素 innerHTML 屬性 改變 HTML 樣式 顯示和隱藏 display 屬性 控制類名 className 屬性 任務 認識 DOM 文檔對象模型 DOM(Document Obje

原创 第 1 章 簡單認識 JavaScript

前言 如何插入 JS 引用 JS 外部文件 JS 在頁面中的位置 認識語句和符號 註釋很重要 什麼是變量 判斷語句 if else 什麼是函數 前言 一、你知道,爲什麼 JavaScript 非常值得我們學習嗎? 所

原创 第 1 章 JS 基礎語法

什麼是變量 變量命名 變量聲明 變量賦值 表達式 JavaScript 算術運算符 JavaScript 賦值運算符 加號操作符 自加一自減一 和- - 比較操作符 邏輯與操作符 邏輯或操作符 邏輯非操作符 操作符優先級

原创 第 2 章 數組

什麼是數組 如何創建數組 數組賦值 向數組增加一個新元素 使用數組元素 數組屬性 length 二維數組 編程練習 什麼是數組 我們知道變量用來存儲數據,一個變量只能存儲一個內容。假設你想存儲 10 個人的姓名或者存儲 2

原创 第 3 章 網頁簡單佈局之結構與表現原則

結構與表現相關內容簡介 結構與表現相分離的思想 網頁換膚及總結 結構與表現相關內容簡介 html 結構 css 表現 javascrip 行爲 網頁佈局要考慮到結構,表現,行爲分離原則,首先重點放在結構和語義化上面,再

原创 第 5 章 事件響應,讓網頁交互

什麼是事件 鼠標單擊事件 onclick 鼠標經過事件 onmouseover 鼠標移開事件 onmouseout 鼠標移動事件 onmousemove 光標聚焦事件 onfocus 失焦事件 onblur 內容選中事件 o

原创 第 8 章 CSS 代碼縮寫,佔用更少的帶寬

盒模型代碼簡寫 顏色值縮寫 字體縮寫 CSS font-family 好看常用的中文字體 盒模型代碼簡寫 還記得在講盒模型時外邊距(margin)、內邊距(padding)和邊框(border)設置上下左右四個方向

原创 第 6 章 CSS 盒模型

元素分類 元素分類塊級元素 元素分類內聯元素 元素分類內聯塊狀元素 盒模型邊框 一 盒模型邊框 二 盒模型寬度和高度 盒模型填充 盒模型邊界 元素分類 在講解 CSS 佈局之前,我們需要提前知道一些知識,在 CSS 中,h

原创 第 3 章 流程控制語句

if 語句 if else語句 if else 嵌套語句 Switch 語句 for 循環 while 循環 Do while 循環 退出循環 break continue 編程練習 if 語句 if 語句是基於條件

原创 第 4 章 導航條菜單的製作

垂直菜單的製作 水平菜單的製作 圓角菜單的製作 伸縮菜單的製作改變高度 伸縮菜單的製作水平方向 總結 垂直菜單的製作 用 ul 無序列列表構建菜單 清除默認樣式{margin:0;padding:0;} *{ }(用

原创 第 2 章 常用互動方法

輸出內容 document write JS 中如何輸出空格 警告 alert 消息對話框 確認 confirm 消息對話框 提問 prompt 消息對話框 打開新窗口 window open 關閉窗口 window

原创 第 5 章 固定層效果

position 相關知識點 absolute fixed 絕對定位的特點 absolute 與 fixed 的相同點 absolute 與 fixed 不同點 absolute fixed 固定定位 fixed 偏移量

原创 第 4 章 函數

什麼是函數 定義函數 函數調用 有參數的函數 返回值的函數 編程練習 什麼是函數 函數的作用,可以寫一次代碼,然後反覆地重用這個代碼。 如:我們要完成多組數和的功能。 var sum; sum = 3+2; aler

原创 第 1 章 如何用 CSS 進行網頁佈局

網頁佈局 一列布局 清除默認樣式 二列布局 三列布局 混合佈局 網頁佈局 1:網頁佈局:又稱版式佈局,是網頁 UI 設計師將有限的視覺元素進行有機的排列組合,將理性的思維個性的化的表現出來,是一種具有個人藝術特色的視

原创 第 2 章 網頁佈局基礎

網頁佈局 盒子模型 流式佈局-自動居中一列布局 浮動佈局-橫向兩列布局 絕對定位佈局 相對定位 絕對定位 使用 absolute 實現橫向兩列布局不常用 網頁佈局 網頁製作的基礎,在 w3c 盛行的今天“DIV+