原创 頁面中元素大小的確定

1.元素在頁面上的偏移量 offsetHeight: content高度+上下內邊距高度+上下邊框高度 offsetWidth:content寬度+左右內邊距寬度+左右邊框寬度 offsetLeft:左margin offsetT

原创 DOM--(Node)

DOM(文檔對象模型)是針對HTML和XML文檔的一個API(應用程序編程接口),它描繪了一個層次化的節點樹。 Node類型 1. Node.ELEMENT_NODE 元素節點 2. Node.ATTRIBUTE_NODE 屬性節

原创 DOM--(Document類型)

在瀏覽器中,document對象是HTMLDocument對象(繼承於Document類型)的一個實例,表示整個頁面。 【子節點】 1.DocumentType(用document.doctype引用) 2.body(用docu

原创 原生拖放

【拖放事件】 通過拖放事件,可以控制拖放的各個方面。我們需要關注的是,確定在哪裏發生拖放事件,是在被拖動元素上觸發?還是在放置目標上觸發? (一)拖動元素時,會依次觸發以下事件: 1. dragstart 按下鼠標鍵並開始移動

原创 DOM--(Text)

文本節點由Text類型表示,包含純文本內容。 開始標籤與結束標籤之間只要存在內容,就會創建一個文本節點。 【屬性】 length nodeValue/data 【方法】 • 將一個文本節點分割成兩部分 x.

原创 DOM範圍

DOM LEVEL2 Traversal and Range 模塊定義了range接口,通過範圍選擇文檔中的一個區域,不必考慮節點的界限。 【創建】: var range = document.createRange(); I

原创 DOM--(Element)

【屬性】 element.attributes 包含一系列節點 element.attributes["id"].nodeName 返回特性名稱 element.attributes["id"].nodeValue 返回特性值

原创 Array數組

ECMAScript的數組,每一項可以保存任何類型的數據,數組的大小可以動態調整。 創建方法 構造函數 1. var 變量名 = new Array(數組長度(可爲空)); 2. var 變量名 = new Array(項

原创 面向對象(二):創建對象

創建對象的幾種模式 1. 工廠模式 2. 構造函數模式 3. 原型模式 4. 組合構造函數模式和原型模式 5. 動態原型模式 6. 寄生構造函數模式 7. 穩妥構造函數模式 【工廠模式】 function createPerso

原创 事件對象

在觸發DOM上的某個事件時,會產生一個事件對象event,event包含所有與事件有關的信息。 DOM中的事件對象 IE中的事件對象 跨瀏覽器的事件對象 1.【DOM中的事件對象】 event的幾個常用屬性和方法 • ty

原创 面向對象(一):對象屬性

對象屬性類型 每個對象都是基於一個引用類型創建的 1. 數據屬性 2. 訪問器屬性 【數據屬性】 4個特性: 1. [[Configurable]]:能否delete屬性從而重新定義屬性、能否修改屬性的特性、能否把屬性改爲訪問器

原创 事件

【DOM2級事件模塊】 js與html之間通過事件實現交互。 事件就是用戶or瀏覽器執行的某種動作。 【事件流】 事件流:描述的是從頁面中接收事件的順序。 IE事件流:指事件冒泡流 NetScape事件流:指事件捕獲流 事件

原创 事件類型--焦點事件

UI事件 焦點事件 鼠標事件 滾輪事件 文本事件 鍵盤事件 合成事件 變動事件 【焦點事件】 當頁面元素獲得或失去焦點時觸發焦點事件。 1. blur 失去焦點時觸發(不會冒泡) 2. DOMFocusIn

原创 事件處理程序/事件偵聽器

事件處理程序:是一個響應事件的函數,函數名以on開頭 爲事件指定處理程序的方式: 1. HTML事件處理程序 2. DOM0級事件處理程序 3. DOM2級事件處理程序 4. IE事件處理程序 5. 跨瀏覽

原创 基本包裝類型

每當讀取一個基本類型值時,後臺會創建一個對應的基本包裝類型的對象,從而可以調用一些方法來操作數據。引用類型與基本包裝類型的主要區別是對象的生存期。引用類型對象在執行流離開當前作用域之前都一直保存在內存中,而基本包裝類型對象只存在一