js學習筆記與總結

2021-09-18 07:18:35 字數 1309 閱讀 3729

1.定時器

setinterval(「test()」,3000)每隔多少毫秒執行一次函式

settimeout(「test()」,3000)多少毫秒之後執行一次函式

timerid 上面兩個定時器函式呼叫之後都會返回乙個timerid

clearinterval();

cleartimeout();取消定時器

2.切換:

var img = document.getelementbyid(「img1」);

img.src = 「路徑」;

3.事件:

文件載入完成事件οnlοad=」函式()」 

form 表單確認提交事件: οnsubmit=」return 函式名()」

元素獲得/失去焦點: onfocus onblur

滑鼠操作事件:onmousedown onmousemove onmouseout onmouseover onmouseup 

按鍵:onkeydown onkeyup onkeypress

4.js修改html(css)標籤的屬性

//獲取要被修改屬性的標籤

var xx = document.getelementbyid(「id」);

var xx= doucument.getelementsbytagname(「標籤名」);

for (var i=0;i

表單校驗常用事件

注意:函式可傳參:

function showtips(id,msg){};

onfocus = 「showtips(『username』,』提示資訊』)」;//單引號表示傳入的是乙個字串。

程式執行順序:順序執行,不能隨便把獲取標籤的語句提到方法之外,且方法之間的巢狀呼叫也要注意順序。(推薦:使用網頁的f12 source單步除錯檢視程式執行過程)

6.js開發步驟:(重點)

確認事件:在需要互動的標籤之中確認當前標籤互動動作所需要的事件,且為該事件宣告乙個函式:事件onload = 「函式()」;

為互動標籤定義乙個id:名 id = 「xx」;方便後面選擇識別互動標籤做互動動作。

定義函式:獲取互動標籤,做互動動作

var xx = document.getelementbyid(「id」);

var uxx = document.getelementbyid(「id」).value;

xx.style.屬性名 = 「屬性值」;//修改屬性

xx.innerhtml = 「為xx標籤文字賦值」;

xx.src = 「檔案路徑」;

if(uxx.length==?){}elsr{};

學習與總結

私有構造方法的類,不可被繼承.1.靜態工廠方法取代構造方法,組合取代繼承.優點 有名稱,不用每次呼叫建立乙個物件,可以返回原型別的子型別,引數型別例項更簡潔 2.n個必選引數 多個可選構造引數存在的情況下 建議使用 構造器模式 一般情況使用重疊構造器模式,但是可選引數超過4個就比較繁瑣 重疊構造如下...

OpenCV 學習與總結

opencv 學習與總結 opencv,計算兩幅影象的單應矩陣 摘要 平面射影變換是關於其次3維向量的一種線性變換,可以使用乙個非奇異的 3 times 3 矩陣h表示,x hx 射影變換也叫做單應 homography 計算出兩幅影象之間的單應矩陣h,那麼應用這個關係可以將乙個檢視中的所有點變換到...

CSS Hack 學習與總結

最近工作寫css比較多,寫完之後發現問題很多,尤其是瀏覽器相容問題,現將學到的和一些總結的寫下來。1 什麼是css cascading style sheets 層疊樣式表 的簡稱.一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行 屬於瀏覽器解釋型語言 在標準網頁設計中負責網頁內容的表現.例如 ...