元素的屬性及分析

2022-08-19 03:21:14 字數 1892 閱讀 9756

1.輪播圖

案例2.定時器this問題

var t=setinterval(function(),1000)

這裡面的this是window

person.prototype=,

n:200,

t:setinterval(this.fn,2000)

}var ss=new person("zhang")

不管定時器裡函式怎麼寫它裡面this都是window。

怎麼處理定時器中的this為指定的物件

person.prototype=

}) ,1000}

在函式前面將關鍵字this賦值給乙個變數,函式內使用這個變數代替this就可以了

var  div=document.getelementbyid(「div」)

console.dir(div)

document.attributes是所有標籤屬性構成的資料集合

div.classlist 是所有class名構成的陣列集合

在classlist的原型鏈上看以看到add()和remove()

client系列

clientwidth/clientheight 是我們設定的寬和高加上內邊距(沒有邊框)

clientleft/clienttop 就是我們設定的邊框值

offset系列

offsetwidth/offsetheight 是我們設定的寬和高加上邊框加上內邊距

offsetleft/offsettop 是元素外邊距離父級的內邊距的距離

這個父級由定位position:absolute;

offsettop 參照物由父級元素身上的position:absolute/fixed決定的;如果父級元素沒有就逐層向上查詢直到body。

offsetparent  返回這個元素的父級元素

scroll系列

scrollwidth/scrollheight 就是我們設定的寬高加上內邊距(內容沒有溢位的前提下)

如果超出了範圍就按內容而定

scrolltop/scrollleft   滾動條卷走的高度和寬度

如果我們設定了小數,都會向上取整

案例分析

offset 往往和我們做元素的運動有關

offset必須和position配合使用往往這個值還必須是absolute。

offsetleft 有初始值 在標準瀏覽器下是8px  低版本沒有。

document.body 獲取的是文件中的body標籤

document.documentelement  獲取的是文件中根節點

document.body.clientwidth------------1077

document.documentelement.clientwidth---------1093

二者獲取的width的值不一樣差16px,怎樣讓他們一樣。解決方法:body

ie6不支援document.documentelement,

相容性寫法

var w=document.documentelement.clientwidth||document.body.clientwidth

獲取瀏覽器可見區的寬度

邏輯運算 ||  &&  !

|| 遇到第乙個為真就返回

&& 遇到第乙個為假就終止,返回false,如果沒遇到就返回最後那乙個

5&&4&&2&&1  ==》1

5&&0&&3&&0  ==>0

5||2&&3  且的優先順序高於或  2&&3=》3   5||3 ==》5

課程函式封裝是一種函式的功能,它把乙個程式設計師寫的乙個或者多個功能通過函式、類的方式封裝起來,對外只提供乙個簡單的函式介面。當程式設計師在寫程式的過程中需要執行同樣的操作時,程式設計師(呼叫者)不需要寫同樣的函式來呼叫,直接可以從函式庫裡面呼叫

XSLT常用元素及屬性

xslt 語言 xsl xslt是一種xml語言轉換。xsl extensible style sheet language 是xml的樣式表語言。它包含三個部分 轉換xml文件以及定義輸出xml部分以及格式化xml文件 包含了三種語言 xslt xpath和xsl格式物件。其中xslt最為重要,它...

html元素 表單元素及實用屬性

一 常用表單元素 上面的表單,實際提交時,將會在瀏覽器url看到提交了name name 的input與name number 的input,且提交方式為get。2 與 例 下面的拉下列表預設選中back,未指定cheacked,則預設選中首個option。bill back 三 幾點說明 1 ch...

html元素 表單元素及實用屬性

一 常用表單元素 上面的表單,實際提交時,將會在瀏覽器url看到提交了name name 的input與name number 的input,且提交方式為get。2 與 例 下面的拉下列表預設選中back,未指定cheacked,則預設選中首個option。bill back 三 幾點說明 1 ch...