js物件導向例項

2022-06-03 19:06:11 字數 1872 閱讀 3390

json方式來編寫物件

簡單 不適合多個物件

var json=

};json.show(); //理所當然彈出的是object(this指的是json)

call函式

function

show()

show();

//window

show().call();//

和上面的一樣也是彈出window call()其實就是呼叫函式 但又和普通的函式呼叫有區別

show().call(12);//

alert 12而不是'this'(window) 即call可以改變函式執行時的this

function

show(a,b)

show(12,5);//

彈出window 12 5

show.call('abc',12,5);//

只需把第乙個引數變成this 後面的還是實參給形參

var arr1=[1,2,3];

var arr2=arr1;//

這樣也是引用 而不是單單的複製

//改變方法:

var arr3=;

for(var i=0;i)

arr3.push(4);

物件由屬性(變數)和方法(函式)構成

//

改正方法:

for(var i in

a.prototype)

1.return false可以用來阻止預設事件即系統預設事件。例如通過阻止預設事件,來對textarea中的值進行範圍限制(通過限制keycode的數值),

也可以自定義在頁面中的右鍵選單(oncontextmenu)。( )

2.在滑鼠移動(mousemove)等事件中,是需要給事件傳乙個引數,保證程式的正常執行。而為了相容取事件方法為:var oevent=ev||event;

4、取消事件冒泡(不往父級傳遞): cancelbubble用於ie的阻止冒泡事件,event.stoppropagation()用於firefox和chrome等其他瀏覽器。

5、事件繫結:同乙個事件加多次函式會被覆蓋,而繫結不會。

ie方式:

attachevent(『』事件名『』(前面加有on的),函式)繫結事件處理函式。

detachevent(『』事件名『』(前面加有on的),函式)解除繫結。

dom方式:

addeventlistener(事件名稱(沒有on),函式,捕獲(一般都為false))

aremoveeventlistener(事件名稱(沒有on),函式,捕獲(一般都為false))

可以同時加很多事件而不相互影響。並且可以封裝為函式function(obj,ev,fn)

相容如下:

if (obtn.attachevent)else.

事件捕獲:setcapture()將事件都集中在乙個地方,但是只有ie支援。

系統物件:

1.本地物件(非靜態物件)(和環境無關)

什麼是本地物件 (必須得new出來 得例項化之後才能用)

常用物件

object、function、array、string、boolean、number、date、regexp、error

2.內建物件(靜態物件)(和環境無關)

(eg:math.ceil() √ var obj=new math() x 事實上math只用他的類上的方法 )(不需要new出來 不需要例項化 直接就能拿來用的 叫靜態物件)

global、math

3.宿主物件(由瀏覽器提供的物件)宿主:js執行環境(一般就是瀏覽器)

dom、bom

JS物件導向例項 放大鏡

1 分析 1.選擇元素 2.繫結事件 3.進入 顯示元素。4.移動 遮罩層跟隨滑鼠移動的同時計算遮罩層的移動比例 右側大圖,等比例移動 5.離開 隱藏元素。2 html布局 3 css樣式可根據實際情況做調整,以下僅供參考!main s box s box img s box span b box ...

js物件導向

物件導向是相對於面向過程而提出的程式設計思想 核心在於通過這種方法的設計出來的程式不再是機械的按照設定的步驟去執行,而是按照需要的步驟去執行。舉個例子 乙個人要吃飯,如果用的面向過程的話就必須執行吃飯前的一切行為,而物件導向則可以跳過之前的環節!建構函式 所謂的工廠方式 用來構造抽象物件,通過呼叫建...

js物件導向

js物件導向 一 什麼是物件 物件可以看成乙個屬性的集合。對像一般有屬性和方法構成,方法的實質是函式,而屬性的實質是變數。二 什麼是物件導向 物件導向可以理解為不需要去了解對像的內部結構,就可以使用它。像我們的date 對像的方法可以獲取和設定時間,但我們並不了解其內部原理。三 物件導向 抽風機 抽...