JS相關知識總結

2022-08-30 08:45:16 字數 1310 閱讀 3159

首先把前兩天接觸到的關於靜態方法與構造器的理解貼上來:

a.建構函式  只執行一次  而可以被呼叫多次

b.構造**塊  物件建立則執行構造**塊 而且優於建構函式執行。構造**塊是給所有物件進行統一初始化,而

建構函式是給對應的物件初始化,建構函式可以為多個,構造**塊中定義的是不同物件共性的初始化內容

c.靜態**塊 static{}

類載入而執行,只執行一次  並優於主函式(main)  

靜態**塊是給類初始化的  而構造**塊是給物件初始化的

所以對於乙個類來說  執行順序為 :

靜態**塊

構造**塊

建構函式

而對於乙個含有變數的類中

靜態變數

靜態**塊

變數初始化塊

構造器當含有繼承的情況時

應當是先執行父類的靜態相關模組  再依次執行子類相關模組

父類相關構造塊 再執行子類相關構造塊 以及普通成員變數

然後是關於原生js的dom物件

1.dom物件分為dom0和dom2

dom0中關鍵之處在於各種註冊事件 

var e=document.getelementbyid("id")

e.onclick=function()

jquery物件

var e=$("id")

e.click(function())

其次 dom物件在處理註冊事件時  除了傳統的.onclick=function(){}方式之外 還有另一種方式:

document.getelementbyid("b")["onclick"] = function(){}

的形式主要是為了解決屬性名不是合法的識別符號 同時也可以表示用字串表示屬性名稱,可以在執行時動態繫結事件

dom2中在事件中的直觀表現方式就是在所有事件的呼叫時少了on

addeventlistener 的使用

主要作用是用於更高效的去捕捉到window的事件物件

通過捕獲和冒泡來判斷當前應該處理事件的物件是哪乙個  從而減少瀏覽器的壓力

e.stoppropagation() //阻止冒泡

2、window物件 和document物件

window物件從直觀上來說就相當於乙個手機螢幕  而document相當於手機螢幕中的內容 內容可能會有很多 所以他的長度是不固定的 並且可能會一直大於window

text() html() val()

text()主要用獲取非表單內容

val()主要用於表單內容

html()主要用於獲取普通html內容 如果存在多個元素 匹配第乙個元素

js知識總結

1.獲取螢幕可視的大小 標準瀏覽器及ie9 低版本瀏覽器ie8以下 低版本混雜模式 window.innerheight document.documentelement.clientheight document.body.clientheight jquery window height 2.獲...

引用相關知識總結

1.什麼是 引用 申明和使用 引用 要注意哪些問題?答 引用就是某個目標變數的 別名 alias 對應用的操作與對變數直接操作效果完全相同。申明乙個引用的時候,切記要對其進行初始化。引用宣告完畢後,相當於目標變數名有兩個名稱,即該目標原名稱和引用名,不能再把該引用名作為其他變數名的別名。宣告乙個引用...

變數相關知識總結

1.變數 存放資料用的 1 變數的宣告 int a 宣告乙個整型的變數,名為a int b,c,d 宣告三個整型的變數,名為b,c,d 2 變數的命名 2.1 只能包含字母 數字 和 符,並且不能以數字開頭 2.2 嚴格區分大小寫 2.3 不能使用關鍵字 2.4 可以中文命名,但不建議 建議 英文的...