JS從頭開始

• API：應用程序編程接口
• HTML：超文本標記語言
• XML：可擴展標記語言
• HTML和XML的差異：設計目的不一樣：XML被設計用來傳輸和存儲數據，其焦點在數據的內容；HTML被設計用來顯示數據，其焦點在數據的外觀上。
• DOM(Document Object Model):文檔對象模型；

一個完整的 JavaScript 實現應該由下列三個不一樣的部分組成：

　　1.核心（ECMAScript）

　　2.文檔對象模型（DOM）

     　　提供訪問和操做網頁內容的方法和接口。

     　　DOM是針對XML但經擴展用於HTML的應用程序編程接口（API）。在DOM中，頁面被理解爲分層節點結構（樹形圖）。

　　3.瀏覽器對象模型（BOM）

     　　提供與瀏覽器交互的方法和接口。

     　　使用 BOM 能夠控制瀏覽器顯示的頁面之外的部分。

JS的六種數據類型：number、string、boolean、null、undefined、object

object（對象）：function、array、date。。。

typeof能夠返回的類型：number,string,boolean,object,function,undefined

 

一、輸出內容：document.write

二、警告：alert()

三、確認：confirm(),  肯定按鈕返回true，取消按鈕返回false；

四、提問：prompt(txt,txtdef)，txt爲對話框的title，txtdef爲默認輸入；確認按鈕返回輸入字段當前顯示的文本，取消按鈕返回null；

五、打開新窗口：window.open();

六、關閉窗口：window.close();

七、移動當前窗口：window.moveTo();

八、調整當前窗口大小：window.resizeTo();

五、獲取id爲p的標籤裏的內容：content=document.getElementById("p").innerHTML

六、backgroundColor="#fff":背景顏色設置

七、className：object.className獲得對象的class

八、removeAttribute("style")：刪除指定的屬性

九、鼠標事件：onclick; onmouseover; onmouseout; onfocus; onblur; onchange; onload; onunload;onmousedown; onmouseup; onmousemove元素以前要有絕對定位pasition：absolute; 

十、將類型轉換爲整數型：parseInt();

十一、字符串轉換成大寫：toUpperCase(); 轉換爲小寫：toLowerCase();

十二、返回指定位置上的字符串：charAt(index); index的範圍在0~string.length-1;

1三、indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置。indexOf("a")，找不到返回-1;

1四、split() 方法將字符串分割爲字符串數組:split("")以空格分割；split(".")以.分割;

1五、substring() 方法用於提取字符串中介於兩個指定下標之間的字符。substring(startposition,stopposition);第一個參數爲負值，表示倒數；第二個參數能夠省略；

1六、slice(start,end);返回數組中下表爲start—end-1之間的元素；end參數能夠省略；

1七、setTimeout()延遲指定時間——clearTimeout();  setInterval()每隔指定時間執行代碼——clearInterval();

1八、getElementById(); getElementsByName(); getElementsByTagName();  getElementsByClassName()此方法在IE10以前不能用; 其中只有ID是惟一的，返回值只有一個，其餘返回值可能爲數組。

1九、getAtrribute()獲取標籤的屬性。

20、setAtrribute() 設置標籤的屬性。

2一、window.location.reload();刷新當前網頁；與setTimeout()函數連用實現自動刷新

2二、window.history.forward(); window.history.back(); window.history.go();

2三、innerHTML和value的區別：表單內控件的屬性用value取輸入值；對於DOM的元素，用innerHTML取其內部元素代碼。

2四、clientX/clientY :獲取鼠標在頁面但是區域的位置座標；screenX/screenY：鼠標相對於屏幕的座標位置；offsetLeft/offsetTop

2七、JS中的return、continue和break的區別：return和break二者均可以中斷當前的方法，return是中斷後返回到該方法調用的地方繼續向下執行；break是強制結束循環後，直接轉向循環結構以後的語句繼續執行；continue是跳過當前，繼續執行循環的下個值，並不跳出循環；

2八、獲取焦點事件：onfocus();   失去焦點事件: onblur()