js相關筆記(九)

2022-08-27 02:27:09 字數 816 閱讀 5888

1.dom和bom與前端的關係是水火交融,不可分割。

2.程式設計到了極致,就是記憶體和演算法。

3.事件三要素  如唐僧念緊箍咒 孫悟空就頭疼

◆事件源 -->  唐僧

◆事件型別 -->念咒

◆事件處理程式 --> 孫悟空頭疼 

4.在js中 事件源指的是 引發後續事件的標籤,事件指的是 js已經定義好的可以直接使用的事件,事件驅動程式指的是 對樣式和html的操作(dom操作)。

5.獲取事件源的四種方式

★getelement字首表示獲取乙個元素物件,getelements字首表示獲取乙個陣列物件。

◆通過元素的id屬性值來獲取事件源,返回值是乙個元素物件,var div=document.getelementbyid("box");

◆通過元素的標籤名來獲取事件源,返回值是乙個陣列物件,元素的陣列,var arr1=document.getelementsbytagname("div");

◆通過元素的class屬性來獲取事件源,這種方式在ie678裡不支援,返回值是乙個陣列物件,元素的陣列,var arr2=document.getelementsbyclassname("classname");

◆通過元素的name屬性來獲取事件源,返回值是乙個陣列物件,元素的陣列,var arr3=document.getelementsbyname("name");

6.事件繫結的三種方式

◆匿名函式繫結的方式,事件源.事件=function();

◆普通函式繫結的方式,function fn(){}  事件源.事件=fn;

◆行內繫結的方式,function fn(){} 

js相關筆記(十一)

1.陣列的那些遍歷方法foreach map filter every some,在ie678中不存在,dom物件的屬性操作方法getattribute setattribute removeattribute在ie678中也不存在,通過控制台列印的時候發現,返回的是乙個object型別的 也就是空...

js相關筆記(十四)

1.給元素新增非靜態定位的定位屬性時,你如果不設定它的left和top或者bottom再或者right屬性時,他就裝作以標準文件流的方式找個位置待著,但是它的確不佔空間,很像是左浮動,也許非靜態定位不設定left top right bottom屬性時就等於float left 定位的時候left ...

js相關筆記(十六)

1.同時設定html,body,ul,li的width 100 height 100 會讓li繼承佔滿一整頁空間,因為這個時候html body ul li的寬度和高度都是預設佔滿一整頁,無論怎麼放大縮小,都是預設佔滿一整頁。2.在觸發dom上的某個事件的時候,會產生乙個事件物件event,這個物件...