1.HTML DOM (Document Object Model)

document.getElementById("some id"): 這樣的document就是DOM對象
JavaScript 能夠改變?nèi)我?nbsp;HTML 元素的大多數(shù)屬性

*注意：
html - dom - document
瀏覽器 - bom - window

2.match()函數(shù)

match() 方法可在字符串內(nèi)檢索指定的值，或找到一個或多個正則表達式的匹配。

語法：
stringObject.match(searchvalue) :必需。規(guī)定要檢索的字符串值。
stringObject.match(regexp):必需。規(guī)定要匹配的模式的 RegExp 對象。如果該參數(shù)不是 RegExp 對象，則需要首先把它傳遞給 RegExp 構(gòu)造函數(shù)，將其轉(zhuǎn)換為 RegExp 對象

我們可以使用全局匹配的正則表達式來檢索字符串中的所有數(shù)字：

<script type="text/javascript">
    var str="1 plus 2 equal 3"
    document.write(str.match(/\d+/g))
</script>

3.Date()函數(shù)

Date()在js中直接調(diào)用結(jié)果：Sun Oct 09 2016 14:37:15 GMT+0800 (CST)var date = new Date();

var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDay();
alert("今天是"+year+"年"+month+"月"+day+"日");

4.js對象:
{firstName:"John"， lastName:"Doe", age:40, eyeColor:"blue"}
*注意： notation:n. 符號；樂譜；注釋；記號法
json： javascript object notation

5.數(shù)據(jù)類型

JavaScript 有多種數(shù)據(jù)類型：數(shù)字，字符串，數(shù)組，對象等等

*注意：
16 + "你好" => "16你好"

5.JavaScript 使用Unicode字符集。
Unicode覆蓋了所有的字符，包含標(biāo)點等字符。
JavaScript 中，常見的是駝峰法的命名規(guī)則，如 lastName (而不是lastname)。

6.innerHTML與innerText 區(qū)別：

1)innerHTML:
　　也就是從對象的起始位置到終止位置的全部內(nèi)容,包括Html標(biāo)簽。
2)innerText:
　　從起始位置到終止位置的內(nèi)容, 但它去除Html標(biāo)簽

<div id="test"> 
   <span style="color:red">test1</span> test2 
</div>

獲取id=test節(jié)點：
它的innerHTML就是：test1test2
它的innerText是：test1test2

*注意：
　　innerHTML是符合W3C標(biāo)準(zhǔn)的屬性，而innerText只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用
innerText，如果要輸出不含HTML標(biāo)簽的內(nèi)容，可以使用innerHTML取得包含HTML標(biāo)簽的內(nèi)容后，再用正則表達式去除HTML標(biāo)簽，下面是一個簡單的符合W3C標(biāo)準(zhǔn)的示例：
去除HTML標(biāo)簽后的文本

7.對代碼行進行折行

document.write("你好 \ 是加爾！");

*注意：JavaScript 是腳本語言。瀏覽器會在讀取代碼時，逐行地執(zhí)行腳本代碼。而對于傳統(tǒng)編程來說，會在執(zhí)行前對所有代碼進行編譯。

8.聲明

var carname;
在計算機程序中，經(jīng)常會聲明無值的變量。未使用值來聲明的變量，其值實際上是 undefined。

在執(zhí)行過以下語句后，變量carname的值將是 undefined：

var carname="Volvo";
var carname; // 在以下兩條語句執(zhí)行后，變量 carname 的值依然是 "Volvo"：

9.JavaScript 對象

對象由花括號分隔。在括號內(nèi)部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

eg:var person={firstname:"John", lastname:"Doe", id:5566};

var person={
     firstname : "John",
     lastname  : "Doe",
     id        :  5566
 };

對象屬性有兩種尋址方式：

name=person.lastname;
name=person["lastname"];

*注意：鍵加""雙引號也可以的

var person={
     firstname : "John",
     "lastname"  : "Doe",
     id        :  5566
 };

10.Undefined 和 Null區(qū)別

Undefined 這個值表示變量不含有值。
可以通過將變量的值設(shè)置為 null 來清空變量。
cars = null
person = null

之后alert(cars) 結(jié)果為null,注意不是undefined

11.聲明變量類型

當(dāng)您聲明新變量時，可以使用關(guān)鍵詞 "new" 來聲明其類型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

JavaScript 變量均為對象。當(dāng)您聲明一個變量時，就創(chuàng)建了一個新的對象。

12.js的對象

1)鍵值對，對象屬性
可以說 "JavaScript 對象是變量的容器"。
我們通常認(rèn)為 "JavaScript 對象是鍵值對的容器"。
鍵值對在 JavaScript對象通常稱為 對象屬性。

對象鍵值對的寫法類似于：
PHP 中的關(guān)聯(lián)數(shù)組
Python 中的字典
C 語言中的哈希表

2)對象方法

對象的方法定義了一個函數(shù)，并作為對象的屬性存儲。
對象方法通過添加 () 調(diào)用 (作為一個函數(shù))。

name = person.fullName(); // person.fullName() 調(diào)用person對象的方法，返回的值賦值給了name

JavaScript對象是屬性和方法的容器

在微信小程序中：wx.request({

     url:"http://www.xxxx",
     method:'GET',
     data:{},
     header:{
         'Accept':'application/json'
     },
     success:function(res){
          that.setData({
                images:res.data
          })
     }
})

// wx.request();  調(diào)用函數(shù).傳入的是 js對象 {}

*注意：
函數(shù)屬性作為一個方法訪問與函數(shù)屬性作為一個屬性訪問。

var person = {
    firstName: "John",
    lastName : "Doe",
    id       : 5566,
    fullName : function() {
       return this.firstName + " " + this.lastName;
    }
};

document.getElementById("demo").innerHTML = person.fullName();  // 方法訪問
document.getElementById("demo").innerHTML = person.fullName;

13.JavaScript 變量的生存期

JavaScript 變量的生命期從它們被聲明的時間開始。
局部變量會在函數(shù)運行以后被刪除。
全局變量會在頁面關(guān)閉后被刪除。

14.向未聲明的 JavaScript 變量分配值

如果您把值賦給尚未聲明的變量，該變量將被自動作為全局變量聲明。
carname="Volvo";
將聲明一個全局變量 carname，即使它在函數(shù)內(nèi)執(zhí)行。

函數(shù)參數(shù)只在函數(shù)內(nèi)起作用，是局部變量。

15.html中的全局變量

在html中，全局變量是window對象：所有數(shù)據(jù)變量都屬于window對象

1. function myFunction() {
2. carName = "Volvo";
3. }
4. myFunction()；
5. //此處可使用 window.carName

注意：要先執(zhí)行myFunction()之后才能使用全局變量carName

16.js事件

HTML 事件是發(fā)生在HTML 元素上的事情。 當(dāng)在HTML 頁面中使用 JavaScript時， JavaScript可以觸發(fā)這些事件。

HTML 事件可以是瀏覽器行為，也可以是用戶行為。

常見的html事件：

onchange:HTML 元素改變 onclick:用戶點擊 HTML 元素 onmouseover:用戶在一個HTML元素上移動鼠標(biāo) onmouseout:用戶從一個HTML元素上移開鼠標(biāo) onkeydown:用戶按下鍵盤按鍵 onload:瀏覽器已完成頁面的加載

17.js字符串

var answer = "He is called 'Johnny'";

1)alert(answer[13]) ; // ' 2)answer.length 3)特殊字符

在 JavaScript 中，字符串寫在單引號或雙引號來中。 "We are the so-called "Vikings" from the north." 如何解決以上的問題呢？可以使用反斜杠 () 來轉(zhuǎn)義 "Vikings" 字符串中的雙引號，如下: "We are the so-called \"Vikings\" from the north."

特殊字符的轉(zhuǎn)義：

\'    單引號
\"    雙引號
\\    反斜杠
\n    換行
\r    回車
\t    tab(制表符)
\b    退格符
\f    換頁符

18.字符串可以是對象

通常，JavaScript 字符串是原始值，可以使用字符創(chuàng)建：var firstName = "John"

但我們也可以使用 new 關(guān)鍵字將字符串定義為一個對象：var firstName = new String("John")

不要創(chuàng)建String對象。它會拖慢執(zhí)行速度，并可能產(chǎn)生其他副作用：

var x = "John";              
var y = new String("John");
(x === y) // is false because x is a string and y is an object.

1）字符串屬性

constructor 返回創(chuàng)建字符串屬性屬性的函數(shù)
length 返回字符串的長度
prototype 允許您向?qū)ο筇砑訉傩院头椒?/a>

2）字符串方法
charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 連接兩個或多個字符串，返回連接后的字符串 fromCharCode() 將字符轉(zhuǎn)換為 Unicode 值 indexOf() 返回字符串中檢索指定字符第一次出現(xiàn)的位置 lastIndexOf() 返回字符串中檢索指定字符最后一次出現(xiàn)的位置 localeCompare() 用本地特定的順序來比較兩個字符串 match() 找到一個或多個正則表達式的匹配 replace() 替換與正則表達式匹配的子串 search() 檢索與正則表達式相匹配的值 slice() 提取字符串的片斷，并在新的字符串中返回被提取的部分 split() 把字符串分割為子字符串?dāng)?shù)組 substr() 從起始索引號提取字符串中指定數(shù)目的字符 substring() 提取字符串中兩個指定的索引號之間的字符 toLocaleLowerCase() 根據(jù)主機的語言環(huán)境把字符串轉(zhuǎn)換為小寫，只有幾種語言（如土耳其語）具有地方特有的大小寫映射 toLocaleUpperCase() 根據(jù)主機的語言環(huán)境把字符串轉(zhuǎn)換為大寫，只有幾種語言（如土耳其語）具有地方特有的大小寫映射 toLowerCase() 把字符串轉(zhuǎn)換為小寫 toString() 返回字符串對象值 toUpperCase() 把字符串轉(zhuǎn)換為大寫 trim() 移除字符串首尾空白 valueOf() 返回某個字符串對象的原始值

19.js中的break與continue

break 語句可用于跳出循環(huán)。
break 語句跳出循環(huán)后，會繼續(xù)執(zhí)行該循環(huán)之后的代碼（如果有的話）：

continue 語句中斷循環(huán)中的迭代，如果出現(xiàn)了指定的條件，然后繼續(xù)循環(huán)中的下一個迭代。 該例子跳過了值 3：
eg:

for (i=0;i<=10;i++)
  {
      if (i==3) continue;
      x=x + "The number is " + i + "<br>";
   }

20.JavaScript typeof, null, 和 undefined

數(shù)組是一種特殊的對象類型。 因此 typeof [1,2,3,4]返回object。

在 JavaScript中 null表示 "什么都沒有"。

用typeof檢測 null返回是object。

可以設(shè)置為 null 來清空對象:
var person = null;

可以設(shè)置為 undefined 來清空對象:
var person = undefined;

在 JavaScript 中, undefined 是一個沒有設(shè)置值的變量。
typeof 一個沒有值的變量會返回 undefined。

Undefined和Null的區(qū)別：

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true

請注意：

NaN 的數(shù)據(jù)類型是 number
數(shù)組(Array)的數(shù)據(jù)類型是 object
日期(Date)的數(shù)據(jù)類型為 object
null 的數(shù)據(jù)類型是 object
未定義變量的數(shù)據(jù)類型為 undefined

21.JavaScript 類型轉(zhuǎn)換

Number() 轉(zhuǎn)換為數(shù)字， String() 轉(zhuǎn)換為字符串， Boolean() 轉(zhuǎn)化為布爾值。

22.JavaScript 數(shù)據(jù)類型

在 JavaScript 中有 5 中不同的數(shù)據(jù)類型：

string
number
boolean
object
function

3 種對象類型：

Object
Date
Array

2 個不包含任何值的數(shù)據(jù)類型：

null
undefined

23.JavaScript 類型轉(zhuǎn)換

1）將數(shù)字轉(zhuǎn)換為字符串

 String(x)         // 將變量 x 轉(zhuǎn)換為字符串并返回
 String(123)       // 將數(shù)字 123 轉(zhuǎn)換為字符串并返回
 String(100 + 23)  // 將數(shù)字表達式轉(zhuǎn)換為字符串并返回

x.toString()
(123).toString()
(100 + 23).toString()

2）將布爾值轉(zhuǎn)換為字符串

全局方法 String() 可以將布爾值轉(zhuǎn)換為字符串。

String(false)        // 返回 "false"
String(true)         // 返回 "true"

Boolean 方法 toString() 也有相同的效果。

false.toString()     // 返回 "false"
true.toString()      // 返回 "true"

3）將日期轉(zhuǎn)換為字符串

全局方法 String() 可以將日期轉(zhuǎn)換為字符串。
String(Date()) // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date 方法 toString() 也有相同的效果。
Date().toString() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

4)將字符串轉(zhuǎn)換為數(shù)字