函式封裝
函式封裝是一種函式的功能,它把乙個程式設計師寫的乙個或者多個功能通過函式、類的方式封裝起來,對外只提供乙個簡單的函式介面。當程式設計師在寫程式的過程中需要執行同樣的操作時,程式設計師(呼叫者)不需要寫同樣的函式來呼叫,直接可以從函式庫裡面呼叫
元素的屬性
div.attributes 是所有標籤屬性構成的資料集合
div.classlist 是所有class名構成的陣列集合
在classlist的原型鏈上看以看到add()和remove()
三種系列
1.client系列
clientwidth/clientheight 是我們設定的寬和高加上內邊距(沒有邊框)
clientleft/clienttop 就是我們設定的邊框值
2offset系列
offsetwidth/offsetheight 是我們設定的寬和高加上邊框加上內邊距
offsetleft/offsettop 是元素外邊距離父級的內邊距的距離
這個父級由定位position:absolute;
offsettop 參照物由父級元素身上的position:absolute/fixed決定的;如果父級元素沒有就逐層向上查詢直到body。
offsetparent 返回這個元素的父級元素
3.scroll系列
scrollwidth/scrollheight 就是我們設定的寬高加上內邊距(內容沒有溢位的前提下)
如果超出了範圍就按內容而定
scrolltop/scrollleft 滾動條卷走的高度和寬度
如果我們設定了小數,都會向上取整
案例分析
offset 往往和我們做元素的運動有關
1.offset必須和position配合使用往往這個值還必須是absolute。
2.offsetleft 有初始值在標準瀏覽器下是8px 低版本沒有。
document.body 獲取的是文件中的body標籤
document.documentelement 獲取的是文件中根節點
document.body.clientwidth
document.documentelement.clientwidth
二者獲取的width的值不一樣差16px,怎樣讓他們一樣。
乙個css屬性 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
XML的元素和屬性
xml 文件包含 xml 元素。xml 元素指的是從 且包括 開始標籤直到 且包括 結束標籤的部分。元素可包含其他元素 文字或者兩者的混合物。元素也可以擁有屬性。category children harry pottertitle j k.rowlingauthor 2005year 29.99p...
HTML筆記三,表單相關元素和屬性
表單元素 form 用於生成輸入表單,該元素不視覺化 input label 定義標籤 button 定義乙個按鈕 select 建立列表框和下拉列表,必須和結合使用 textarea 設定多行文字框 html5新增表單中的屬性與元素 1 為表單控制項新增了form屬性,form 乙個form表單的...
讀取Xml文件的元素和屬性
1001張三男 1987 1 12 1002李四女 1986 5 12 1003王二男 1985 1 15 看看上面的文件,當我們把它載入到記憶體中之後,各個節點都有自己的型別,首先整個xml都是document文件 它則是xmldeclaration型別的 下面的stuinfo,student,i...