學弟：這個問題也太難了吧，學長你之后有什么打算？

點擊上方藍字關(guān)注我們

DOM 元素 e 的 e.getAttribute(propName)和 e.propName 有什么區(qū)別和聯(lián)系

• e.getAttribute()，是標準 DOM 操作文檔元素屬性的方法，具有通用性可在任意文檔上使用，返回元素在源文件中「設(shè)置的屬性」
• e.propName 通常是在 HTML 文檔中訪問特定元素的「特性」，瀏覽器解析元素后生成對應對象（如 a 標簽生成 HTMLAnchorElement），這些對象的特性會根據(jù)特定規(guī)則結(jié)合屬性設(shè)置得到，對于沒有對應特性的屬性，只能使用 getAttribute 進行訪問
• e.getAttribute()返回值是源文件中設(shè)置的值，類型是字符串或者 null（有的實現(xiàn)返回""）
• e.propName 返回值可能是字符串、布爾值、對象、undefined 等
• 大部分 attribute 與 property 是一一對應關(guān)系，修改其中一個會影響另一個，如 id，title 等屬性
• 一些布爾屬性<input hidden/>的檢測設(shè)置需要 hasAttribute 和 removeAttribute 來完成，或者設(shè)置對應 property
• 像<a href="../index.html">link</a>中 href 屬性，轉(zhuǎn)換成 property 的時候需要通過轉(zhuǎn)換得到完整 URL
• 一些 attribute 和 property 不是一一對應如：form 控件中<input value="hello"/>對應的是 defaultValue，修改或設(shè)置 value property 修改的是控件當前值，setAttribute 修改 value 屬性不會改變 value property

offsetWidth/offsetHeight,clientWidth/clientHeight 與 scrollWidth/scrollHeight 的區(qū)別

• offsetWidth/offsetHeight 返回值包含「content + padding + border」，效果與 e.getBoundingClientRect()相同
• clientWidth/clientHeight 返回值只包含「content + padding」，如果有滾動條，也「不包含滾動條」
• scrollWidth/scrollHeight 返回值包含「content + padding + 溢出內(nèi)容的尺寸」

Measuring Element Dimension and Location with CSSOM in Windows Internet Explorer 9

https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)?redirectedfrom=MSDN

XMLHttpRequest 通用屬性和方法

1. readyState:表示請求狀態(tài)的整數(shù)，取值：

• UNSENT（0）：對象已創(chuàng)建
• OPENED（1）：open()成功調(diào)用，在這個狀態(tài)下，可以為 xhr 設(shè)置請求頭，或者使用 send()發(fā)送請求
• HEADERS_RECEIVED(2)：所有重定向已經(jīng)自動完成訪問，并且最終響應的 HTTP 頭已經(jīng)收到
• LOADING(3)：響應體正在接收
• DONE(4)：數(shù)據(jù)傳輸完成或者傳輸產(chǎn)生錯誤

3. onreadystatechange：readyState 改變時調(diào)用的函數(shù)
4. status：服務器返回的 HTTP 狀態(tài)碼（如，200， 404）
5. statusText:服務器返回的 HTTP 狀態(tài)信息（如，OK，No Content）
6. responseText:作為字符串形式的來自服務器的完整響應
7. responseXML: Document 對象，表示服務器的響應解析成的 XML 文檔
8. abort():取消異步 HTTP 請求
9. getAllResponseHeaders(): 返回一個字符串，包含響應中服務器發(fā)送的全部 HTTP 報頭。每個報頭都是一個用冒號分隔開的名/值對，并且使用一個回車/換行來分隔報頭行
10. getResponseHeader(headerName):返回 headName 對應的報頭值
11. open(method, url, asynchronous [, user, password]):初始化準備發(fā)送到服務器上的請求。method 是 HTTP 方法，不區(qū)分大小寫；url 是請求發(fā)送的相對或絕對 URL；asynchronous 表示請求是否異步；user 和 password 提供身份驗證
12. setRequestHeader(name, value):設(shè)置 HTTP 報頭
13. send(body):對服務器請求進行初始化。參數(shù) body 包含請求的主體部分，對于 POST 請求為鍵值對字符串；對于 GET 請求，為 null