主動操作的兩個樣例
#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...