js操作高階

2022-06-29 22:45:13 字數 1323 閱讀 9500

1.物件使用的高階

物件的key為字元型別,value為任意型別

var obj =

//訪問

obj.name | obj["name"]

obj["person-age"]

物件的屬性可以任意新增與刪除

var ogj =

//刪除

delete

obj.name

//新增

obj.age = 18 //

如果age的key已經存在就是修改值,不存在就是新增鍵值對,新增的key任意

//注:獲取的頁面元素(標籤物件)也可可以劉燁新增/刪除屬性

2.頁面標籤全域性屬性操作

ele.getattribute("alert");

//獲取頁面標籤ele的alert全域性屬性的值,如果沒有該全域性屬性值為null

ele.setattribute("attr_key","attr_value");

//頁面標籤ele已有該全域性屬性,就是修改值,沒有就his新增該全域性屬性並賦相應值,

//注:一般應用場景,結合css的屬性選擇器完成樣式修改

3.事件

事件的繫結

//

第一種box.onclick = function

(){}

//只能繫結乙個實現題,如果有多次繫結,保留最後一次

=null來取消事件的繫結

//第二種

var fn = function

(){}

box.addeventlistener('click『,fn)

// 能繫結多個實現題,如果有多次繫結,按順序依次執行

// box。removereventlistener('click',fn)來取消事件的繫結

// 了解:第三個引數決定冒泡順序(子父級誰先相應事件)

事件物件

//

系統**事件函式時,傳遞了乙個 事件(event)實參

//如果要使用傳遞來的實參 事件(event),定義接收的 形參 即可

box.onclick = function

(ev){

//使用事件物件

//特殊按鍵 eg:ev.altkey : true | false

//滑鼠觸發點:ev.clientx | ev.clienty

//取消冒泡

ev.cancelbubber = true

;

//取消預設事件

rerure false;

js高階操作

window.onload functionjs 是js入口函式,文件載入完畢在執行。while迴圈 1 變數設定初始值 2 語法 while 條件 自增i 自減i for迴圈 語法 for 初始值 條件 增量 陣列就是把一組有關聯的資料放在一起,push在結尾新增資料 pop在結尾刪除資料 spl...

JS高階 分析JS中的非同步操作

js因為是單執行緒的,所以在執行事務的時候,往往會因為某個事務的延遲,而導致伺服器假死,這時候非同步程式設計就顯的格外重要,但是非同步程式設計一般理解為 函式callback,典型的就是node,函式的層層巢狀又導致程式過於冗餘,因為閉包的存在,導致了記憶體的洩露或者誤改上一層 函式的引數,於是又有...

js 高階回顧js

1 js高階 什麼是面向過程的程式設計?比如輪播圖 我們第一件事情幹嘛 第二件事情幹嘛。什麼是物件導向的程式設計?比如輪播圖 先是分析裡面有哪些物件,再是分析如何實現物件的功能 成員 什麼是面向函式的程式設計?功能封裝,函式重複呼叫。要從面向過程的思路轉換成物件導向的程式設計 比較難的過程 2 js...