1. 程式人生 > >js的小知識7

js的小知識7

ner 小知識 sel 添加 離開 doc lur chang 加載完成

1.函數都有返回值......

而方法的本質也是函數,所有也有返回值。

Document。getElementById()返回的是獲取的標簽

getElementByClassName()和getElementsByTagName()返回的是一個數組

Document.getElementsByClassName("name")[2].innerHTML="haha"

技術分享圖片

2.改變標簽的屬性

  元素.屬性名屬性單詞 attribute

技術分享圖片

3.修改和添加屬css樣式

元素.style.css屬性名="屬性值"

技術分享圖片

4.事件:用戶在網頁中所觸發的行為

點擊    鼠標滑動種類很多  鍵盤  表單列表

點擊onclick

鼠標進入  onmouseenter    鼠標離開  onmouseleave

鼠標移動  onmousemove    鼠標懸浮  onmouseover

鼠標移除  onmouseout    鼠標按下  onmousedown

鼠標擡起  onmouseup    表單聚焦  onfocus

表單失去聚焦  onblur    表單內容修改  onchange

瀏覽器加載完成  onload

事件的使用方法:必須跟一個函數配合

1.  事件 將事件當作跟一個函數配合

技術分享圖片

2.通過事件綁架 將事件當成一個元素的屬性

技術分享圖片

特例

  對於class,html中的class在js中是關鍵字,獲取class這個class這個屬性時必須使用className來獲取或修改。

技術分享圖片

js中的for循環和事件的關系

   事件的執行和for循環沒有關系,都是相互獨立的。

解決事件中的i和for匹配

  方法一,給事件套一個自調用函數

技術分享圖片

方法二

人為設定屬性,將索引存在屬性裏,需要的時候,調用屬性(用this)

技術分享圖片

this

  this是js的一個關鍵字,他是一個對象,一般用在函數裏用於指向函數內部的關系。

div.onclick=function(){this}

如果函數在定義的時候前面看.,那麽this就指向點前面的對象。

fn()

如果函數定義時沒有.那麽this就是window

js的小知識7