JavaScript 例項

基礎 JavaScript 例項

  • 用JavaScript輸出文字
  • 用JavaScript改變HTML元素
  • 一個外部JavaScript
  • 例項解析

JavaScript 語句、註釋和程式碼塊

  • JavaScript 語句
  • JavaScript 程式碼塊
  • JavaScript 單行註釋
  • JavaScript 多行註釋
  • 使用單行註釋來防止執行
  • 使用多行註釋來防止執行
  • 例項解析

JavaScript 變數

  • 宣告一個變數，為它賦值，然後顯示出來

  • 例項解析

JavaScript 條件語句 If ... Else

  • If 語句
  • If...else 語句
  • 隨機連結
  • Switch 語句
  • 例項解析

JavaScript 訊息框

  • Alert(警告)框
  • 帶有換行的警告框
  • 確認框
  • 提示框
  • 例項解析

JavaScript 函式

  • 函式
  • 帶有引數的函式
  • 帶有引數的函式 2
  • 返回值的函式
  • 帶有引數並返回值的函式
  • 例項解析

JavaScript 迴圈

  • For 迴圈
  • 迴圈輸出 HTML 標題
  • While 迴圈
  • Do while 迴圈
  • break 語句
  • continue 語句
  • 使用 For...In 宣告來遍歷陣列內的元素

  • 例項解析

JavaScript 事件

  • onclick事件
  • onmouseover 事件
  • 例項解析

JavaScript 錯誤處理

  • try...catch 語句
  • 帶有確認框的 try...catch 語句
  • onerror 事件
  • 例項解析

高階 JavaScript 例項

  • 建立一個歡迎 cookie
  • 簡單的計時
  • 另一個簡單的計時
  • 在一個無窮迴圈中的計時事件
  • 帶有停止按鈕的無窮迴圈中的計時事件
  • 使用計時事件製作的鐘表
  • 建立物件的例項
  • 建立用於物件的模板

JavaScript 應用例項

  • javascript 幻燈片程式碼(含自動播放)
  • CSS 日曆樣式
  • JavaScript 彈窗
  • JavaScript 圖片彈窗
  • JavaScript Lightbox
  • javascript 搜尋框自動提示
  • JavaScript 表格資料搜尋
  • JavaScript 實現列表按字母排序
  • JavaScript 實現表格單列按字母排序
  • JavaScript 動畫應用例項
  • JavaScript 進度條例項
  • JavaScript 百分比進度條
  • JavaScript/CSS 實現提示彈窗
  • JavaScript/CSS 實現待辦事項列表(To Do List)
  • HTML CSS, JavaScript 計算器
  • HTML、CSS、JavaScript 實現下拉選單效果
  • JS/CSS 各種操作資訊提示效果
  • JS/CSS 在螢幕底部彈出訊息(snackbar)
  • JS/CSS 登入表單
  • JS/CSS 登錄檔單
  • JavaScript 計算器(倒計時)
  • JS/CSS 選單按鈕切換(開啟/關閉)
  • JS/CSS 手風琴動畫效果
  • JS/CSS 帶圖示手風琴動畫效果
  • JS/CSS 選項卡
  • JS/CSS 選項卡 – 淡入效果
  • JS/CSS 選項卡 – 設定預設選項
  • JS/CSS 選項卡 – 設定關閉按鈕
  • JS/CSS 選項卡 – 垂直方向
  • JS/CSS 選項卡 – 幻燈片效果
  • JS/CSS 響應式頂部導航樣式例項
  • JS/CSS 側邊欄動畫例項
  • JS/CSS 側邊欄動畫例項 - 頁面主體內容向右移動
  • JS/CSS 側邊欄動畫例項 - 頁面主體內容黑色透明背景
  • JS/CSS 全螢幕側邊欄
  • JS/CSS 側邊欄 - 無動畫效果
  • JS/CSS 右側側邊欄
  • JS/CSS 全螢幕導航 – 從上到下動畫
  • JS/CSS 點選式下拉選單
  • JS/CSS 點選式下拉選單 - 右對齊
  • JS/CSS 點選式導航欄下拉選單
  • JS/CSS 下拉選單可進行搜尋/過濾操作
  • JS 聯想、自動補齊功能
  • JavaScript 按下回車(Enter)鍵觸發按鈕點選事件
  • JavaScript 建立一個選單搜尋
  • Javascript 判斷是移動端瀏覽器還是 PC 端瀏覽器
  • JavaScript 判斷是否微信瀏覽器