1.HTML DOM (Document Object Model)

document.getElementById("some id"): 這樣的document就是DOM對象
JavaScript 能夠改變任意 HTML 元素的大多數屬性

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

2.match()函數

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

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

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

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

3.Date()函數

Date()在js中直接調用結果：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.數據類型

JavaScript 有多種數據類型：數字，字符串，數組，對象等等

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

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

6.innerHTML與innerText 區別：

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

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

獲取id=test節點：
它的innerHTML就是：test1test2
它的innerText是：test1test2

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

7.對代碼行進行折行

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

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

8.聲明

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

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

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

9.JavaScript 對象

對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (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區別

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

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

11.聲明變量類型

當您聲明新變量時，可以使用關鍵詞 "new" 來聲明其類型：

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

JavaScript 變量均為對象。當您聲明一個變量時，就創建了一個新的對象。

12.js的對象

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

對象鍵值對的寫法類似于：
PHP 中的關聯數組
Python 中的字典
C 語言中的哈希表

2)對象方法

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

name = person.fullName(); // person.fullName() 調用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();  調用函數.傳入的是 js對象 {}

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

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 變量的生命期從它們被聲明的時間開始。
局部變量會在函數運行以后被刪除。
全局變量會在頁面關閉后被刪除。

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

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

函數參數只在函數內起作用，是局部變量。

15.html中的全局變量

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

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

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

16.js事件

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

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

常見的html事件：

onchange:HTML 元素改變 onclick:用戶點擊 HTML 元素 onmouseover:用戶在一個HTML元素上移動鼠標 onmouseout:用戶從一個HTML元素上移開鼠標 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." 如何解決以上的問題呢？可以使用反斜杠 () 來轉義 "Vikings" 字符串中的雙引號，如下: "We are the so-called \"Vikings\" from the north."

特殊字符的轉義：

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

18.字符串可以是對象

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

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

不要創建String對象。它會拖慢執行速度，并可能產生其他副作用：

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

1）字符串屬性

constructor 返回創建字符串屬性屬性的函數
length 返回字符串的長度
prototype 允許您向對象添加屬性和方法

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

19.js中的break與continue

break 語句可用于跳出循環。
break 語句跳出循環后，會繼續執行該循環之后的代碼（如果有的話）：

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

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

20.JavaScript typeof, null, 和 undefined

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

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

用typeof檢測 null返回是object。

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

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

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

Undefined和Null的區別：

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

請注意：

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

21.JavaScript 類型轉換

Number() 轉換為數字， String() 轉換為字符串， Boolean() 轉化為布爾值。

22.JavaScript 數據類型

在 JavaScript 中有 5 中不同的數據類型：

string
number
boolean
object
function

3 種對象類型：

Object
Date
Array

2 個不包含任何值的數據類型：

null
undefined

23.JavaScript 類型轉換

1）將數字轉換為字符串

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

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

2）將布爾值轉換為字符串

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

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

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

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

3）將日期轉換為字符串

全局方法 String() 可以將日期轉換為字符串。
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)將字符串轉換為數字