js對象實例講解,js對象語法

本文目錄一覽：

• 1、淺談js函數中的實例對象、類對象、局部變數(局部函數)
• 2、javascript實例化對象
• 3、JS中的event 對象包含哪些東西 event，實例 詳解

淺談js函數中的實例對象、類對象、局部變數(局部函數)

定義

function

Person(national,age)

{

this.age

=

age;

//實例對象，每個示例不同

Person.national

=

national;

//類對象,所用實例公用

var

bb

=

0;

//局部變數，外面不能訪問（類似局部函數）

}

調用

var

p

=

new

Person(“中國”,

29);

document.writeln(“age:”

+

p.age);

document.writeln(“object

national:”

+

p.national);

document.writeln(“Class

national:”

+

Person.national);

document.writeln(“local

var:”

+

p.bb);

var

p2

=

new

Person(“美國”,

31);

document.writeln(“/br”);

document.writeln(“age:”

+

p2.age);

document.writeln(“object

national:”

+

p2.national);

document.writeln(“Class

national:”

+

Person.national);

document.writeln(“local

var:”

+

p2.bb);

document.writeln(“/br”);

document.writeln(“Class

national:”

+

Person.national);

//age:29

object

national:undefined

Class

national:中國

local

var:undefined

//age:31

object

national:undefined

Class

national:美國

local

var:undefined

//Class

national:美國

以上這篇淺談js函數中的實例對象、類對象、局部變數(局部函數)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

javascript實例化對象

這段代碼很簡單，你應該是不明白兩個運行結果不一樣的原因，我只說明運行結果不同的原因。

首先你要明白this關鍵字是與運行時環境有關，和聲明時環境無關。

new test(1).fun2();這個fun2調用fun1時這句alert(tihs.m_num);這個this的運行環境是fun2，所以它代表fun2，只會彈出undefined，

new test(1).fun3();由於fun3的指針是指向fun1的，而fun1是test的一個屬性，這句alert(tihs.m_num);這個this的運行環境是test，所以它代表test，只會彈出5。

JS中的event 對象包含哪些東西 event，實例 詳解

JS的event對象

Event屬性和方法：

1. type：事件的類型，如onlick中的click；

2. srcElement/target：事件源，就是發生事件的元素；

3. button：聲明被按下的滑鼠鍵，整數，1代表左鍵，2代表右鍵，4代表中鍵，如果按下多個鍵，酒把這些值加起來，所以3就代表左右鍵同時按下；（firefox中 0代表左鍵，1代表中間鍵，2代表右鍵）

4. clientX/clientY：事件發生的時候，滑鼠相對於瀏覽器窗口可視文檔區域的左上角的位置；(在DOM標準中，這兩個屬性值都不考慮文檔的滾動情況，也就是說，無論文檔滾動到哪裡，只要事件發生在窗口左上角，clientX和clientY都是 0，所以在IE中，要想得到事件發生的坐標相對於文檔開頭的位置，要加上

document.body.scrollLeft和 document.body.scrollTop)

5. offsetX,offsetY/layerX,layerY：事件發生的時候，滑鼠相對於源元素左上角的位置；

6. x,y/pageX,pageY：檢索相對於父要素滑鼠水平坐標的整數；

7. altKey,ctrlKey,shiftKey等：返回一個布爾值；

8. keyCode：返回keydown何keyup事件發生的時候按鍵的代碼，以及keypress 事件的Unicode字元；(firefox2不支持 event.keycode，可以用 event.which替代 )

9. fromElement,toElement：前者是指代mouseover事件中滑鼠移動過的文檔元素，後者指代mouseout事件中滑鼠移動到的文檔元素；

10. cancelBubble：一個布爾屬性，把它設置為true的時候，將停止事件進一步起泡到包容層次的元素；(e.cancelBubble = true; 相當於 e.stopPropagation();)

11. returnValue：一個布爾屬性，設置為false的時候可以組織瀏覽器執行默認的事件動作；(e.returnValue = false; 相當於 e.preventDefault();)

12. attachEvent(),detachEvent()/addEventListener(),removeEventListener：為制定 DOM對象事件類型註冊多個事件處理函數的方法，它們有兩個參數，第一個是事件類型，第二個是事件處理函數。在

attachEvent()事件執行的時候，this關鍵字指向的是window對象，而不是發生事件的那個元素；

13. screenX、screenY：滑鼠指針相對於顯示器左上角的位置，如果你想打開新的窗口，這兩個屬性很重要；

一些說明：

1. event代表事件的狀態，例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等；

2. event對象只在事件發生的過程中才有效。

firefox里的event跟IE里的不同，IE里的是全局變數，隨時可用；firefox里的要用參數引導才能用，是運行時的臨時變數。

在IE/Opera中是window.event，在Firefox中是event；而事件的對象，在IE中是 window.event.srcElement，在Firefox中是event.target，Opera中兩者都可用。

3. 下面兩句效果相同

var evt = (evt) ? evt : ((window.event) ? window.event : null);

var evt = evt || window.event; // firefox下window.event為null, IE下event為null

4. IE中事件的起泡

IE中事件可以沿著包容層次一點點起泡到上層，也就是說，下層的DOM節點定義的事件處理函數，到了上層的節點如果還有和下層相同事件類型的事件處理函數，那麼上層的事件處理函數也會執行。例如， div 標籤包含了 a ，如果這兩個標籤都有onclick事件的處理函數，那麼執行的情況就是先執行標籤 a 的onclick事件處理函數，再執行 div 的事件處理函數。如果希望的事件處理函數執行完畢之後，不希望執行上層的 div 的onclick的事件處理函數了，那麼就把cancelBubble設置為true即可。