043 Web前端 JS 主動操作樣例

2021-10-07 11:06:10 字數 1749 閱讀 4906

主動操作的兩個樣例

#6.23

lang

="en"

>

>

charset

="utf-8"

>

>

主動操作樣例1:註冊介面2-主動獲取焦點title

>

>

.bordergreen

/*輸入正確*/

.colorgreen

.borderred

/*輸入錯誤*/

.colorred

style

>

head

>

>

>

>

使用者名稱:span

>

type

="text"

class

="username"

/>

class

="usernamespan"

>

span

>

p>

>

提交button

>

>

var input = document.

queryselector

('input');

var usernamespan = document.

queryselector

('.usernamespan');

var but = document.

queryselector

('button');

//主動聚焦:讓input主動獲取焦點 input.focus();

input.

onblur

=function()

else

} but.

onclick

=function()

//對了也沒啥反應

script

>

body

>

html

>

lang

="en"

>

>

charset

="utf-8"

>

>

主動操作樣例2:導航欄title

>

>

ulli

style

>

head

>

>

>

>

href

="">

>

li>

>

href

="">

>

li>

>

href

="">

>

li>

>

href

="">

>

li>

ul>

>

var lis = document.

queryselectorall

('li'

)//全部獲取li

for(

var i =

0; i < lis.length; i++)}

//感覺其實沒啥新內容

script

>

body

>

html

>

web前端 js 下拉重新整理

下拉重新整理 var w w 0 var list reload var move 0 移動距離 var ystart 0 開始觸碰y座標 var ymove 0 滑動的y座標 var yend 0 移開的y座標 var moveall 0 最後移動的距離 手指觸碰螢幕 w.addeventlist...

web前端開發JS基礎知識

1 alert 彈出警告窗 2 document.write 在文件中寫入 3 console.log 在控制台輸出日誌 例如 alert hello world 1 必須以字母,下劃線或者 開頭。2 可以由字母,下劃線 或數字組成。3 不能使用關鍵字和保留字。4 區分大小寫。1 數值型別 numb...

web前端 Day24 js高階

原型鏈重點 原型鏈 是一種關係,例項物件和原型物件之間的關係,關係是通過原型 proto 來聯絡的。人的建構函式 function person age 人的原型物件方法 person.prototype.eat function 學生的建構函式 function student student.p...