JavaScript
JavaScript 保留關鍵字
Javascript 的保留關鍵字不可以用作變量、標籤或者函數名。有些保留關鍵字是作爲 Javascript 以後擴展使用。
abstract arguments boolean break byte
case catch char class* const
continue debugger default delete do
double else enum* eval export*
extends* false final finally float
for function goto if implements
import* in instanceof int interface
let long native new null
package private protected public return
short static super* switch synchronized
this throw throws transient true
try typeof var void volatile
while with yield
如果瀏覽器不支持JavaScript,可以使用<noscript></noscript>
標籤顯示noscript中的內容
noscript元素用來定義在腳本中未被執行時的代替內容
JavaScript 變量
變量是用於存儲信息的”容器”。
var x=5; var y=6; var z=x+y;
- 變量必須以字母開頭
- 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)
- 變量名稱對大小寫敏感(y 和 Y 是不同的變量)
聲明(創建) JavaScript 變量
用 var 關鍵詞來聲明變量:
var carname;
如需向變量賦值,請使用等號:
carname = "Volvo";
你也可以在一個語句中聲明多個變量
var lastname = "Doe", age = 30, job = "carpenter";
同樣你也可以橫跨多行
var lastname="Doe", age=30, job="carpenter";
在JavaScript中未使用值來聲明的變量,其值將是
undifined
,並且重新聲明的變量依舊是undifined
var carname;//此時是undifined var carname="Volvo"; var carname;//此時仍舊是undifined
JavaScript 消息框
警告框
警告框經常用於確保用戶可以得到某些信息。
當警告框出現後,用戶需要點擊確定按鈕才能繼續進行操作。function myFunction() { alert("你好,我是一個警告框!"); }
確認框
確認框通常用於驗證是否接受用戶操作。
當確認卡彈出時,用戶可以點擊 “確認” 或者 “取消” 來確定用戶操作。
當你點擊 “確認”, 確認框返回 true, 如果點擊 “取消”, 確認框返回 false。var r = confirm("按下按鈕"); if (r == true) { x = "你按下了\"確定\"按鈕!"; } else { x = "你按下了\"取消\"按鈕!"; }
提示框
提示框經常用於提示用戶在進入頁面前輸入某個值。
當提示框出現後,用戶需要輸入某個值,然後點擊確認或取消按鈕才能繼續操縱。
如果用戶點擊確認,那麼返回值爲輸入的值。如果用戶點擊取消,那麼返回值爲 null。var person = prompt("請輸入你的名字","Harry Potter"); if (person != null && person != "") { x = "你好 " + person + "! 今天感覺如何?"; document.getElementById("demo").innerHTML = x; }
JavaScript 變量的數據類型
字符串(String)、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空(Null)、未定義(Undefined)。
1. JavaScript 擁有動態類型
JavaScript 擁有動態類型。這意味着相同的變量可用作不同的類型:
var x; // x 爲 undefined
var x = 5; // 現在 x 爲數字
var x = "John"; // 現在 x 爲字符串
JavaScript 字符串
字符串是存儲字符的變量。字符串可以是引號中的任意文本,你可以使用單引號或雙引號。
var carname = "Volvo XC60"; var carname = 'Volvo XC60'; var answer = "It's alright"; var answer = "He is called 'Johnny'"; var answer = 'He is called "Johnny"'; 計算字符串的長度 "Hello World!".length; charAt() charCodeAt() 拼接字符串,直接用 + 運算符也能達到這個效果 concat() "hello".contact(" world"); fromCharCode() 字符串使用 indexOf() 來定位字符串中某一個指定的字符首次出現的位置: indexOf() "Hello world, welcome to the universe.".indexOf("welcome"); 字符串使用 lastIndexOf() 來定位字符串中某一個指定的字符最後出現的位置 lastIndexOf() match()函數用來查找字符串中特定的字符,並且如果找到的話,則返回這個字符。 match() "Hello world!".match("world"); 字符串替換 replace() "Please visit Microsoft!".replace("visit", "goto"); 用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。 如果沒有找到任何匹配的子串,則返回 -1。 search() 提取字符串的片斷 slice() split() "a,b,c,d,e".split(","); 抽取指定數目的字符: substr(start, length) substring() 方法用於提取字符串中介於兩個指定下標之間的字符。 substring(from, to) toLowerCase() / toUpperCase() "Hello World!".toLowerCase(); valueOf() 方法可返回 String 對象的原始值。 valueOf()
3.JavaScript 數字
JavaScript只有一種數字類型。數字可以帶小數點,也可以不帶:
var x1 = 34.00; //使用小數點來寫
var x2 = 34; //不使用小數點來寫
極大或者極小的數字可以通過科學計數法來寫
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
在JavaScript中,數字不分爲整數類型和浮點型類型,所有的數字都是由浮點型類型,均爲64位
數值的分類:
整型:八進制(0377),十進制, 十六進制(0xff)
浮點型:
特殊值:Infinity (無窮大), NaN (非數字值)
number.toString(16 8 2)
var n = 100;
var nn = n.toString(16)
parseInt parseFloat
var a = parseInt("123");
var b = parseFloat("123.45 ");
Number(String)
var n = Number("123");
String.valueOf()
4.JavaScript 布爾
布爾(邏輯)只能有兩個值:true 或 false。
var x = true;
var y = false;
5.JavaScript 數組
下面的代碼創建名爲 cars 的數組:
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";
//或者condensed array
var cars = new Array("Saab", "Volvo", "BMW");
//或者literal array
var cars = ["Saab", "Volvo", "BMW"];
6.JavaScript 對象
對象由花括號分隔。在括號內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:
var person = {firstname:"John", lastname:"Doe", id:5566};
空格和折行無關緊要。聲明可橫跨多行:
var person = {
firstname : "John",
lastname : "Doe",
id : 5566
};
也可以這樣創建:
var person = new Object();
person.firstname = "John";
person.lastname = "Doe";
person.age = 50;
person.eyecolor = "blue";
對象屬性有兩種尋址方式:
name = person.lastname;
name = person["lastname"];
7.JavaScript Undefined和Null
Undefined 這個值表示變量不含有值。
可以通過將變量的值設置爲 null 來清空變量。