發表文章

目前顯示的是有「JavaScript」標籤的文章

JavaScript程式設計規範

JavaScript程式設計規範 前言 程式設計規範是編程的風格指南。它們通常包括： 變量和函數的命名和聲明規則。 空格、縮格和註釋的使用規則。 編程實做和原則。 程式設計規範確保質量： 提高代碼可讀性。 讓代碼維護更簡單。 大綱 變量和函數的命名 運算符前後空格 代碼縮格 語句規則 物件規則 語句長度< 80 個字 命名規範 在 HTML 中加載 JavaScript 存取 HTML 元素 文件擴展名 文件名使用小寫 註解 comment 避免全局變量 開頭聲明 初始化變量 不要使用 new Object() 小心自動類型轉換 盡量使用 "===" 比較運算符號 使用參數默認值 用默認值結束你的 switch 避免將數字、字符串和布爾值作為物件 變量和函數的命名 使用 駝峰(camelCase) 命名法作為變量和函數的命名。 所有名字都以字母開頭。 若是有幾個分別意義的幾個字組合的詞，第一個字開頭小寫，後幾個字開頭用為大寫。 firstName = "John"; lastName = "Doe"; price = 19.90; tax = 0.20; fullPrice = price + (price * tax); 運算符前後空格 始終在運算符 ( = + - * / ) 和逗號之後放置空格。 let x = y + z; const myArray = ["Volvo", "Saab", "Fiat"]; 代碼縮格 始終使用 2 個空格來縮進代碼區塊。 function toCelsius(fahrenheit) { return (5 / 9) * (fahrenheit - 32); } 不要使用 Tab鍵 進行縮進。不同的編輯器對 Tab鍵 的解釋不同。 語句規則 簡單語句的一般規則： 總是以 分號 ";" 結束簡單的語句。 const cars = ["Volvo", "Saab", "Fiat"]; 複合語句的一般規則： 將左括號放在第一行的末尾。 在左括號前使用一個空格。 將右括號放在一個新行上...
張貼留言
閱讀全文»

如何在BLOGGER 加入點擊後「複製內容到剪貼簿」的功能

如何在BLOGGER 加入點擊後「複製內容到剪貼簿」的功能 程式碼: <div> <input id ="copyInput" value ="你想被複製的內容"> <button onclick='copyInput()'>複製按紐文字</button> </div> <script> function copyInput(){ document.getElementById('copyInput').select() document.execCommand('copy') } </script> 範例 範例 1 : 複製按紐 參考資料 特色、摘要，Feature、Summary: 關鍵字、標籤，Keyword、Tag: Blogger,JavaScript,
張貼留言
閱讀全文»

JavaScript 範例 Examples

JavaScript 範例 Examples JavaScript JSON 範例 javascriptJson-01.html :  使用 JavaScript 函數 JSON.parse() 將文本轉換為 JavaScript 物件。 <html>   <body>     <h2>從 JSON 字符串中，創建JavaScript 物件obj</h2>     <p id="demo"></p>     <script>       const txt = '{"name":"John", "age":30, "city":"New York"}';       const obj = JSON.parse(txt);       document.getElementById("demo").innerHTML = obj.name + ", " + obj.age;     </script>   </body> </html> 範例 javascriptJson-02.html :  在從 JSON array 上使用 JSON.parse() 時，該方法將返回一個 JavaScript array，而不是一個 JavaScript 物件 object。 <html> <body> <h2>解析 JSON Array</h2> <p>以 JSON arry形式寫入的數據將被解析為 JavaScript array。</p> <p id="demo"></p> <script> const text = '[ "Ford", "BMW", "Audi", "Fiat" ]...
張貼留言
閱讀全文»

JavaScript 處理 JSON 數據資料

JavaScript 處理 JSON 數據資料 本文大綱 前言 JSON 語法 方法 Method - JSON.parse() Parse 例外 Exceptions 方法 Method - JSON.stringify() 存儲數據 - Storing Data Stringify 例外 Exceptions JSON 物件字面值 object literal JSON 陣列字面值 array literal JSON 與服務器之交換數據 JSON HTML 前言 JSON 示例 這個例子是一個 JSON 字符串： '{"name":"John", "age":30, "car":null}' 它定義了一個具有 3 個屬性的物件： name age car 每個屬性都有一個值。 如果使用 JavaScript 程序解析 JSON 字符串，則可以將數據作為物件訪問： let personName = obj.name; let personAge = obj.age; JSON 語法 JSON 語法規則 JSON 語法源自 JavaScript 對象符號語法：  數據在  鍵(key)/值(value)  的配對方式中儲存， 鍵(key)  必須為文字並且需要  ""  雙引號 。 數據以  ','  逗號分隔。 大花括號  { } 容納物件。 方括號  [ ]  保存 array 陣列。 在 JSON 中， 值(value)  必須是以下數據類型之一： string ...
張貼留言
閱讀全文»