JavaScript(1)

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 變量

  1. 變量是用於存儲信息的”容器”。

    var x=5;
    var y=6;
    var z=x+y;
    
    • 變量必須以字母開頭
    • 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)
    • 變量名稱對大小寫敏感(y 和 Y 是不同的變量)
  2. 聲明(創建) 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 消息框

  1. 警告框

    警告框經常用於確保用戶可以得到某些信息。
    當警告框出現後,用戶需要點擊確定按鈕才能繼續進行操作。

    function myFunction()
    {
        alert("你好,我是一個警告框!");
    }
    
  2. 確認框

    確認框通常用於驗證是否接受用戶操作。
    當確認卡彈出時,用戶可以點擊 “確認” 或者 “取消” 來確定用戶操作。
    當你點擊 “確認”, 確認框返回 true, 如果點擊 “取消”, 確認框返回 false。

    var r = confirm("按下按鈕");
    if (r == true)
    {
        x = "你按下了\"確定\"按鈕!";
    }
    else
    {
        x = "你按下了\"取消\"按鈕!";
    }
    
  3. 提示框

    提示框經常用於提示用戶在進入頁面前輸入某個值。
    當提示框出現後,用戶需要輸入某個值,然後點擊確認或取消按鈕才能繼續操縱。
    如果用戶點擊確認,那麼返回值爲輸入的值。如果用戶點擊取消,那麼返回值爲 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 爲字符串
  1. 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 來清空變量。

發佈了91 篇原創文章 · 獲贊 12 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章