前端全套視頻HTML+CSS+JS+jQuery筆記(六)

3.10 js中的類和對象

在這裏插入圖片描述在這裏插入圖片描述
不是函數裏面有函數(java解釋),而是類裏面有類(function)(js解釋,萬事皆對象);
在這裏插入圖片描述
類裏面的方式使用prototype關鍵字,佔用共同的內存(共享空間)
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

3.11 js中自定義對象

在這裏插入圖片描述
在這裏插入圖片描述

3.12 js的事件機制學習

在這裏插入圖片描述
在這裏插入圖片描述
一門語言:數據的存儲-數據的操作處理-功能封裝-已經封裝好的常用方法類-語言與硬件之間的操作互通-網絡設備-數據庫之間的操作互通

3.13 js常用對象和方法

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

3.14 js的事件機制學習

在這裏插入圖片描述
在這裏插入圖片描述
使去焦點事件常用於動態校驗
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
return false,則阻斷
在這裏插入圖片描述
常用於form表單驗證不符合規則的情況下,阻斷form提交
在這裏插入圖片描述
在這裏插入圖片描述

3.15 js的window對象

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

if (showTip)
    ns.tip.toast.success(data.msg);
    window.setTimeout(function return_close(){
    window.opener.reLoad();  //父頁面刷新重新加載
    window.close();//關閉打開的編輯界面
    },1000);

在子頁面中先顯示提示框,再調用父頁面的刷新函數,接着關閉子頁面,注意setTimeout直接寫function return_close(){},只寫return_close()不會暫停1秒鐘;

停止需要一個id,全局變量聲明一下,獲取id(多線程)停止
在這裏插入圖片描述
倒計時設計
在這裏插入圖片描述
在這裏插入圖片描述
倒計時停止方式:關閉了彈出的頁面;但是直接打開son.html,不會停止,因爲window.close不會關閉自己;可以考慮使用self.close()。
在這裏插入圖片描述
父頁面:
在這裏插入圖片描述
子頁面調用父頁面函數:
在這裏插入圖片描述
應用:子頁面操作數據後,重新加載父頁面的資源(刷新)
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章