選單
×
我的 W3Schools 獲取證書 空間 面向教師 Plus 獲取證書 空間 面向教師 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

JS 教程

JS 首頁 JS 入門 JS 放置位置 JS 輸出 JS 語句 JS 語法 JS 註釋 JS 變數 JS Let JS Const JS 運算子 JS 算術 JS 賦值 JS 資料型別 JS 函式 JS 物件 JS 物件屬性 JS 物件方法 JS 物件顯示 JS 物件建構函式 JS 事件 JS 字串 JS 字串方法 JS 字串搜尋 JS 字串模板 JS 數字 JS BigInt JS 數字方法 JS 數字屬性 JS 陣列 JS 陣列方法 JS 陣列搜尋 JS 陣列排序 JS 陣列迭代 JS 陣列 Const JS 日期 JS 日期格式 JS 日期獲取方法 JS 日期設定方法 JS Math JS Random JS 布林值 JS 比較 JS If Else JS Switch JS For 迴圈 JS For In 迴圈 JS For Of 迴圈 JS While 迴圈 JS Break JS Iterables JS Sets JS Set 方法 JS Maps JS Map 方法 JS Typeof JS 型別轉換 JS 解構 JS 位運算 JS RegExp JS 優先順序 JS 錯誤 JS 作用域 JS 宣告提升 JS 嚴格模式 JS this 關鍵字 JS 箭頭函式 JS 類 JS 模組 JS JSON JS 除錯 JS 風格指南 JS 最佳實踐 JS 錯誤 JS 效能 JS 保留字

JS 版本

JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS 歷史

JS 物件

物件定義 物件原型 物件方法 物件屬性 物件 Get / Set 物件保護

JS 函式

函式定義 函式引數 函式呼叫 函式 Call 函式 Apply 函式 Bind 函式閉包

JS 類

類入門 類繼承 類靜態

JS 非同步

JS 回撥 JS 非同步 JS Promises JS Async/Await

JS HTML DOM

DOM 入門 DOM 方法 DOM Document DOM 元素 DOM HTML DOM 表單 DOM CSS DOM 動畫 DOM 事件 DOM 事件監聽器 DOM 導航 DOM 節點 DOM 集合 DOM 節點列表

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API 入門 Web 表單 API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

AJAX 入門 AJAX XMLHttp AJAX Request AJAX Response AJAX XML 檔案 AJAX PHP AJAX ASP AJAX 資料庫 AJAX 應用 AJAX 示例

JS JSON

JSON 入門 JSON 語法 JSON vs XML JSON 資料型別 JSON 解析 JSON Stringify JSON 物件 JSON 陣列 JSON 伺服器 JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery 選擇器 jQuery HTML jQuery CSS jQuery DOM

JS Graphics

JS Graphics JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS 示例

JS 示例 JS HTML DOM JS HTML 輸入 JS HTML 物件 JS HTML 事件 JS 瀏覽器 JS 編輯器 JS 練習 JS 測驗 JS 網站 JS 面試準備 JS Bootcamp JS 證書

JS 參考

JavaScript 物件 HTML DOM 物件


JavaScript 示例

❮ 上一篇 下一篇 ❯

JavaScript 可以做什麼？

JavaScript 可以改變 HTML 內容 JavaScript 可以改變 HTML 屬性 JavaScript 可以改變 CSS 樣式 JavaScript 可以隱藏 HTML 元素 JavaScript 可以顯示隱藏的 HTML 元素

示例解釋

在哪裡插入 JavaScript

JavaScript 在 <head> 中 JavaScript 在 <body> 中 JavaScript 在外部檔案中 JavaScript 在外部 URL 中 JavaScript 在外部資料夾中

解釋位置

JavaScript 輸出

寫入 HTML 輸出 寫入 HTML 元素 寫入視窗警報框 寫入瀏覽器控制檯

輸出解釋

JavaScript 語法

JavaScript 語句 JavaScript 數字 JavaScript 字串 JavaScript 變數 JavaScript 運算子 JavaScript 賦值 JavaScript 表示式（使用常量） JavaScript 表示式（使用字串） JavaScript 表示式（使用變數） JavaScript 關鍵字 JavaScript 註釋 JavaScript 區分大小寫

語法解釋

JavaScript 語句

JavaScript 語句是給瀏覽器的命令 JavaScript 程式碼是語句的序列 JavaScript 語句用分號分隔 允許多個語句在同一行 JavaScript 語句可以分組到程式碼塊中 您可以在運算子或逗號後斷開程式碼行。

語句解釋

JavaScript 註釋

單行註釋 行末單行註釋 多行註釋 防止執行的單行註釋 防止執行的多行註釋

註釋解釋

JavaScript 變數

JavaScript 變數 JavaScript 變數作為代數 JavaScript 數字和字串 JavaScript var 關鍵字。 在一個語句中宣告多個變數 多行宣告變數 沒有值的變數返回 undefined 重新宣告變數不會銷燬其值 相加 JavaScript 數字 相加 JavaScript 字串 相加字串和數字

變數解釋

JavaScript 算術

加法 (+) 運算子 減法 (-) 運算子 乘法 (*) 運算子 除法 (/) 運算子 取模 (%) 運算子 增量 (++) 運算子 減量 (--) 運算子

算術解釋

JavaScript 賦值

= 賦值運算子 += 賦值運算子 -= 賦值運算子 *= 賦值運算子 /= 賦值運算子 %= 賦值運算子

賦值解釋

JavaScript 字串連線

使用連線 (+) 運算子連線兩個字串 在第一個字串中包含空格連線兩個字串 中間帶空格連線兩個字串 使用 += 運算子連線兩個字串 連線字串和數字

連線解釋

JavaScript Data Types

宣告（建立）字串 宣告（建立）數字 宣告（建立）陣列 宣告（建立）物件 查詢變數的型別 相加兩個數字和一個字串 相加一個字串和兩個數字 一個未定義的變數 一個空變數

資料型別解釋

JavaScript 物件

建立 JavaScript 變數 建立 JavaScript 物件 建立一個 person 物件（單行） 建立一個 person 物件（多行） 使用 .property 訪問物件屬性 使用 [property] 訪問物件屬性 將函式屬性作為方法訪問 將函式屬性作為屬性訪問

物件解釋

JavaScript 函式

一個簡單的函式 一個帶引數的函式 一個帶引數的函式 2 一個返回值的函式 一個轉換華氏度到攝氏度的函式 沒有 () 的函式呼叫

函式解釋

JavaScript 事件

onclick 事件改變 HTML 元素 onclick 事件改變其自身元素 onclick 事件呼叫函式

事件解釋

JavaScript 字串

字串可以用單引號或雙引號寫。 顯示一些字串示例 斜槓前的引號接受引號作為引號。 查詢字串長度 你可以用斜槓來斷開文字字串。 你不能用斜槓來斷開程式碼。 查詢字串中第一次出現文字的位置 - indexOf() 在字串中搜索文字，如果找到則返回該文字 - match() 替換字串中的字元 - replace() 將字串轉換為大寫 - toUpperCase() 將字串轉換為小寫 - toLowerCase() 將字串拆分為陣列 - split()

字串解釋

JavaScript 數字

數字可以帶小數點或不帶小數點 非常大或非常小的數字可以用指數表示法表示 數字最多隻精確到 15 位 浮點數算術不總是 100% 準確 但乘以 10 和除以 10 有幫助 兩個數字相加得到一個新的數字 兩個數字字串相加得到一個連線的字串 數字和數字字串相加也得到一個連線的字串 數字字串和數字相加也得到一個連線的字串 相加字串和數字時的常見錯誤 1 相加字串和數字時的常見錯誤 2 JavaScript 會嘗試將字串轉換為數字進行除法 JavaScript 會嘗試將字串轉換為數字進行乘法 JavaScript 會嘗試將字串轉換為數字進行減法 JavaScript 不會嘗試將字串轉換為數字進行加法 數字除以字串是 NaN（非數字） 數字除以數字字串是數字 全域性 JavaScript 函式 isNaN() 返回一個值是否為數字 在數學運算中使用 NaN 總是返回 NaN 在數學字串運算中使用 NaN 會連線 NaN NaN（非數字）是數字（是的！typeof NaN 返回 number） 如果計算的數字超出最大可能數字，則返回 Infinity 除以零也會生成 Infinity Infinity 是一個數字（typeof Infinity 返回 number） 以 0x 為字首的常量被解釋為十六進位制 toString() 方法可以輸出十六進位制、八進位制和二進位制的數字 數字可以是物件 數字和物件不能安全地比較 物件和物件不能安全地比較

數字解釋

JavaScript 數字方法

toString() 方法將數字轉換為字串 valueOf() 方法將數字作為數字返回 toExponential() 返回帶有指數表示法的數字 toFixed() 方法將數字四捨五入到指定位數 toPrecision() 方法將數字寫成指定的長度 全域性方法 Number() 將變數轉換為數字 全域性方法 Number() 甚至可以將日期轉換為數字 全域性方法 parseInt() 將字串轉換為數字 全域性方法 parseFloat() 將字串轉換為數字 MAX_VALUE 返回 JavaScript 中的最大可能數字 MIN_VALUE 返回 JavaScript 中的最小可能數字 POSITIVE_INFINITY 表示無窮大 溢位時返回 POSITIVE_INFINITY NEGATIVE_INFINITY 表示負無窮大 溢位時返回 NEGATIVE_INFINITY NaN 代表“非數字” 對字串執行算術運算將導致 NaN 在變數上使用 Number 屬性將返回 undefined

數字方法解釋

JavaScript 數學

Math.PI 返回 PI 的值 Math.round(x) 返回 x 的四捨五入值 Math.pow(x, y) 返回 x 的 y 次方的值 Math.sqrt(x) 返回 x 的平方根 Math.abs(x) 返回 x 的絕對值（正值） Math.ceil(x) 返回 x 向上取整的值 Math.floor(x) 返回 x 向下取整的值 Math.sin(x) 返回角度 x 的正弦值（x 以弧度為單位） Math.cos(x) 返回角度 x 的餘弦值（x 以弧度為單位） Math.max() 返回引數列表中數值最大的那個數 Math.min() 返回引數列表中數值最小的那個數 轉換攝氏度到華氏度

數學解釋

JavaScript 隨機

Math.random() 返回一個介於 0（包含）和 1（不包含）之間的隨機數 如何返回一個介於 0 和 9 之間（均包含）的隨機整數 如何返回一個介於 0 和 10 之間（均包含）的隨機整數 如何返回一個介於 0 和 99 之間（均包含）的隨機整數 如何返回一個介於 0 和 100 之間（均包含）的隨機整數 如何返回一個介於 1 和 10 之間（均包含）的隨機整數 如何返回一個介於 1 和 100 之間（均包含）的隨機整數 如何返回一個介於 x（包含）和 y（不包含）之間的隨機整數 如何返回一個介於 x 和 y 之間（均包含）的隨機整數

隨機解釋

JavaScript 日期

使用 Date() 顯示今天的日期和時間 使用 getFullYear() 顯示年份 使用 getTime() 計算自 1970 年以來的毫秒數 使用 setFullYear() 設定特定日期 使用 toUTCString() 將今天的日期（根據 UTC）轉換為字串 使用 getDay() 以數字形式顯示星期幾 使用 getDay() 和陣列顯示星期幾的名稱 顯示時鐘

日期解釋

JavaScript 陣列

建立陣列 I 建立陣列 II 訪問陣列元素 更改陣列元素 訪問整個陣列 查詢陣列長度 遍歷陣列 向陣列新增元素 向陣列新增未定義的“空洞” 如何識別陣列 I 如何識別陣列 II

陣列解釋

JavaScript 陣列方法

向陣列新增元素 刪除陣列的最後一個元素 - pop() 將陣列的所有元素連線成一個字串 - join() 連線兩個陣列 - concat() 連線三個陣列 - concat() 在陣列的第 2 個位置新增一個元素 - splice() 將陣列轉換為字串 - toString() 向陣列開頭新增新元素 - unshift() 刪除陣列的第一個元素 - shift() 從陣列中選擇元素 - slice()

陣列方法解釋

JavaScript 陣列排序

升序排序陣列 降序排序陣列 升序排序數字陣列 降序排序數字陣列 排序數字（按字母或數字） 隨機排序陣列數字 查詢陣列中的最小數字 查詢陣列中的最大數字 使用 Math.min() 查詢陣列中的最小數字 使用 Math.max() 查詢陣列中的最大數字 使用“自制”myArrayMin 方法 使用“自制”myArrayMax 方法 按數字屬性排序物件 按字串屬性排序物件

陣列排序解釋

JavaScript 陣列迭代

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

陣列迭代解釋

JavaScript 型別轉換

顯示所有變數型別的 typeof 顯示所有變數型別的 constructor 使用 String() 將數字轉換為字串 使用 toString() 將數字轉換為字串 判斷變數是否為陣列 判斷變數是否為日期

型別轉換解釋

JavaScript Booleans

顯示 Boolean(10 > 9) 的值 顯示 10 > 9 的值 有真實值的都是 true 零的布林值為 false 負零的布林值為 false 空字串的布林值為 false undefined 的布林值為 false null 的布林值為 false false 的布林值為 false NaN 的布林值為 false

布林值解釋

JavaScript 比較

將 x 賦值為 5，並顯示 (x == 8) 的值 將 x 賦值為 5，並顯示 (x == 5) 的值 將 x 賦值為 5，並顯示 (x === 5) 的值 將 x 賦值為 5，並顯示 (x === "5") 的值 將 x 賦值為 5，並顯示 (x != 8) 的值 將 x 賦值為 5，並顯示 (x !== 5) 的值 將 x 賦值為 5，並顯示 (x !== "5") 的值 將 x 賦值為 5，並顯示 (x > 8) 的值 將 x 賦值為 5，並顯示 (x < 8) 的值 將 x 賦值為 5，並顯示 (x >= 8) 的值 將 x 賦值為 5，並顯示 (x <= 8) 的值

比較解釋

JavaScript 條件語句

if 語句 else 語句 else if 語句 隨機連結 Switch 語句

條件語句解釋

JavaScript 迴圈

For 迴圈 迴圈陣列 迴圈 HTML 標題 While 迴圈 Do While 迴圈 跳出迴圈 中斷和繼續迴圈 使用 for...in 語句迴圈物件元素

迴圈解釋

JavaScript 錯誤處理

try...catch 語句 try...catch 語句與 confirm 框 onerror 事件

錯誤解釋

JavaScript 正則表示式

在字串中搜索表示式 搜尋並替換表示式

正則表示式解釋

JavaScript 物件

建立 JavaScript 變數 建立 JavaScript 物件 建立 JavaScript 物件（單行） 建立 JavaScript 物件（多行） 使用 new 建立 JavaScript 物件 使用建構函式建立 JavaScript 物件 建立內建 JavaScript 物件 建立 JavaScript 變數的最佳方法 JavaScript 物件是可變的

物件解釋

JavaScript 物件屬性

使用 .property 訪問屬性 使用 [property] 訪問屬性 使用 for in 訪問屬性 向現有物件新增新屬性 刪除物件的屬性

物件屬性解釋

JSON 物件

使用 .property 訪問屬性 使用 [property] 訪問屬性 遍歷屬性 遍歷屬性值 訪問巢狀的 JSON 物件 使用點表示法修改值 使用括號表示法修改值 刪除物件屬性

JSON 物件屬性解釋

JSON 陣列

訪問陣列值 使用 for-in 迴圈遍歷陣列 使用 for 迴圈遍歷陣列 訪問巢狀的 JSON 陣列 修改陣列值 刪除陣列項

JSON 陣列解釋

JSON 解析

使用 JSON parse 在 AJAX 示例中使用 JSON parse 對陣列使用 JSON parse 解析日期 使用 reviver 函式解析日期 解析函式

JSON 解析解釋

JSON Stringify

使用 JSON stringify 對陣列使用 JSON stringify 字串化日期 字串化函式 使用 toString() 方法字串化函式

JSON Stringify 詳解

JSON PHP

從 PHP 檔案獲取 JSON 從 PHP 獲取 JSON 陣列 從資料庫獲取 JSON 遍歷資料庫結果 使用 POST 方法傳送 JSON

JSON PHP 詳解

JSON HTML

基於 JSON 資料建立 HTML 表格 建立動態 HTML 表格 基於 JSON 資料建立 HTML 下拉列表

JSON HTML 詳解

JSON JSONP

簡單的 JSONP 示例 建立動態指令碼標籤 帶動態結果的 JSONP 示例 帶回調函式的 JSONP 示例

JSON JSONP 詳解


❮ 上一篇 下一篇 ❯
PLUS
空格
獲取證書
面向教師
面向企業
聯絡我們
×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com

熱門教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
熱門參考
HTML 參考
CSS 參考
JavaScript 參考
SQL 參考
Python 參考
W3.CSS 參考
Bootstrap 參考
PHP 參考
HTML 顏色
Java 參考
Angular 參考
jQuery 參考
熱門示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
獲取證書
 HTML 證書
CSS 證書
JavaScript 證書
前端證書
SQL 證書
Python 證書
PHP 證書
jQuery 證書
Java 證書
C++ 證書
C# 證書
XML 證書
論壇 關於 學院
W3Schools 經過最佳化，旨在方便學習和培訓。示例可能經過簡化，以提高閱讀和學習體驗。
教程、參考資料和示例會不斷審查，以避免錯誤，但我們無法保證所有內容的完全正確性。
使用 W3Schools 即表示您已閱讀並接受我們的使用條款、Cookie 和隱私政策。

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援。