一、單選(2分)
如果html元素’<div>歡迎<a href="/profile">Jerry</a>同學(xué)!</div>’對應(yīng)的DOM節(jié)點是element阻荒，那么element.children.length的值為
A.4
B.5
C.2
D.1
解：選D闻丑。這題考的是children的知識點漩怎，children和childNodes的區(qū)別是，children只返回元素子節(jié)點梆掸，ChildNodes可以返回很多類型的節(jié)點扬卷，之所以會出現(xiàn)children這個屬性，也是因為在IE9以前版本與其他瀏覽器在處理文本節(jié)點中的空白節(jié)點的時候出現(xiàn)差異酸钦。children選擇的子節(jié)點由于是只選擇元素節(jié)點怪得，所以作為文本節(jié)點的空白節(jié)點是不會被選擇的，而childNodes則會卑硫。childNodes的空白符在IE的childNodes是不包含空白符 其他瀏覽器包含空白符徒恋。
二、單選(2分)
如果html元素’ <button disabled></button>’對應(yīng)的DOM節(jié)點是button欢伏，那么button.disabled的值為
A.false
B.0
C.1
D.true
解：選D入挣。disabled=true默認(rèn)是默認(rèn)值，是使按鈕失效硝拧。
可以拿下面的代碼去chorme的調(diào)試工具里測試下径筏。
var button=document.getElementsByTagName("button");
button[0].disabled葛假；
//true
三、單選(2分)
W3C定義用來阻止a標(biāo)簽?zāi)J(rèn)事件的方法是
A.e.returnValue = false
B.e.preventDefault()
C.e.stopImmediatePropagation()
D.e.stopPropagation()
解：選B滋恬。e.preventDefault()方法是用于取消事件的默認(rèn)行為聊训，一般cancelable為true時候可以使用這個方法，但此方法并不被ie支持恢氯，在ie下需要用window.event.returnValue = false; 來實現(xiàn)带斑。e.stopImmediatePropagation是取消事件的進(jìn)一步捕獲或冒泡，同時阻止任何事件處理程序被調(diào)用勋拟。e.stopPropagation是取消事件的進(jìn)一步捕獲或冒泡勋磕，如果bubbles為true的時候，可以用這個方法敢靡。bubbles是判斷事件是否冒泡挂滓。
四、單選(2分)
事件模型的第一個階段是
A.選中
B.目標(biāo)
C.冒泡
D.捕獲
解：選D啸胧，事件的模型一般分為三個階段：捕獲-->目標(biāo)-->冒泡杂彭。
五、單選(2分)
多媒體的音量屬性volume的取值范圍是
A.1~100
B.1~10
C.0~100
D.0~1
解：選D吓揪。音量屬性volume的取值必須是介于 0.0 與 1.0 之間的數(shù)字。
六所计、單選(2分)
根據(jù)navigator的以下哪個屬性柠辞，可以判斷出瀏覽器的內(nèi)核信息
A.appVersion
B.appName
C.platform
D.userAgent
解：選D，appVersion是完整的瀏覽器版本主胧，appName是瀏覽器名稱叭首，platform是平臺的名稱，比如Win32踪栋。userAgent 屬性是一個只讀的字符串焙格，聲明了瀏覽器用于HTTP請求的用戶代理頭的值。一般來講夷都，它是在 navigator.appCodeName 的值之后加上斜線和 navigator.appVersion 的值構(gòu)成的眷唉。這題AD都可以的估計，保險起見選D了囤官。
七冬阳、單選(2分)
下面哪個對話框允許用戶輸入
A.window
B.iframe
C.alert
D.prompt
解：選D。
八党饮、單選(2分)
以下表示請求成功的http狀態(tài)碼是
A.400
B.200
C.404
D.500
解：選B肝陪。這些http的狀態(tài)碼分別代表的意思是：
| 狀態(tài)碼 | 描述 |
|---|---|
| 400 | 1、語義有誤刑顺，當(dāng)前請求無法被服務(wù)器理解氯窍。除非進(jìn)行修改饲常，否則客戶端不應(yīng)該重復(fù)提交這個請求。2狼讨、請求參數(shù)有誤贝淤。 |
| 200 | 請求已成功 |
| 404 | 請求失敗，請求所希望得到的資源未被在服務(wù)器上發(fā)現(xiàn)熊楼。沒有信息能夠告訴用戶這個狀況到底是暫時的還是永久的霹娄。假如服務(wù)器知道情況的話，應(yīng)當(dāng)使用410狀態(tài)碼來告知舊資源因為某些內(nèi)部的配置機制問題鲫骗，已經(jīng)永久的不可用犬耻，而且沒有任何可以跳轉(zhuǎn)的地址。404這個狀態(tài)碼被廣泛應(yīng)用于當(dāng)服務(wù)器不想揭示到底為何請求被拒絕或者沒有其他適合的響應(yīng)可用的情況下执泰。 |
| 500 | 服務(wù)器遇到了一個未曾預(yù)料的狀況枕磁，導(dǎo)致了它無法完成對請求的處理。一般來說术吝，這個問題都會在服務(wù)器的程序碼出錯時出現(xiàn)计济。 |
九、單選(2分)
通過設(shè)置以下哪個cookie屬性可以刪除一個cookie值
A.http
B.expires
C.path
D.name
解：選B排苍。一般設(shè)置cookie的失效時間沒也就是應(yīng)該被刪除的時間戳沦寂，就可以刪除cookie。
十淘衙、單選(2分)
如果在表單中通過’<input type="file">’元素上傳png格式的圖片文件传藏，表單的enctype值為
A."multipart/form-data"
B."image/png"
C."text/plain"
D."text/html"
解：選A。BD是錯誤的彤守，沒有這個值毯侦。enctype的值如下：
| enctype值 | 描述 |
|---|---|
| application/x-www-form-urlencoded | 在發(fā)送前編碼所有字符（默認(rèn)） |
| multipart/form-data | 不對字符編碼。在使用包含文件上傳控件的表單時具垫，必須使用該值侈离。 |
| text/plain | 空格轉(zhuǎn)換為 "+" 加號，但不對特殊字符編碼筝蚕。 |
十一卦碾、多選(4分)
如果html元素’ <div id="user" data-first-name="Wei">aq</div>’對應(yīng)的DOM節(jié)點是element，那么以下選項中哪些值為"Wei"
A.element.getAttribute("first-name")
B.element.dataset["data-first-name"]
C.element.dataset.firstName
D.element.getAttribute("data-first-name")
解：選CD饰及。這題考的是自定義屬性該怎么獲取蔗坯。有兩種方式吧。一種是用getAttribute燎含，只不過element.getAttribute(完整屬性名)宾濒，參數(shù)是必須填的。第二種辦法就是用dataset屏箍，這其實是個API[element.datasetAPI]從火狐6和Chrome8起就開始對它有了支持绘梦。這個API能夠讓用戶get或setHTML頁面元素上的data-*屬性橘忱。用法看下面：
用點使用data-*屬性名時，要把名稱轉(zhuǎn)變成駝峰式命名(Camel-Case)卸奉，比如像C選項那樣的钝诚，使用dataset的話可以省略data，直接寫下面的屬性名榄棵。比如舉個栗子：
<div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="This is the value"></div>
要想獲取這個data-id屬性凝颇，你的代碼應(yīng)該寫成這樣：
var element = document.getElementById("myDiv");
var id = element.dataset.id;
要想獲取data-my-custom-key屬性值，你的代碼應(yīng)該寫成這樣：
var customKey = element.dataset.myCustomKey;
十二疹鳄、多選(4分)
如果html元素’ <p style="line-height: 200px;">網(wǎng)易一線資深工程師</p>’對應(yīng)的DOM節(jié)點是element拧略，那么以下表達(dá)式中值為"200px"的有
A.element.style.substring(13,-1)
B.element.style.lineHeight
C.element.style.cssText.slice(13,-1)
D.element.style.cssText.lineHeight
解：選BC。首先這是內(nèi)部樣式表瘪弓，所以用element.style垫蛆。如果是外部樣式表，或者寫在<style></style>里的腺怯，就用element.sheet.cssRule[下標(biāo)].style.lineHeight了袱饭。看下面的栗子呛占。
//css
<style>
p{line-height: 200px;}
</style>
//html
<p >網(wǎng)易一線資深工程師</p>
就用
element.sheet.cssRule[0].style.lineHeight
如果是行內(nèi)樣式的話
<p style="line-height: 200px;">網(wǎng)易一線資深工程師</p>
就用
element.style.lineHeight
cssText是讀寫都是整條讀寫的虑乖，所以D是會報錯的。substring（開始位置晾虑，結(jié)束位置）是提取字符串的返回子串的方法决左，slice（開始位置，結(jié)束位置）是選取一部分的方法走贪。，不同的是element.style是一個樣式的list對象惑芭，所以A會報錯的坠狡。
十三、多選(4分)
下面屬于鼠標(biāo)事件的有
A.input
B.mousedown
C.mouseenter
D.click
解：選BCD
十四遂跟、多選(4分)
下面哪些事件可以冒泡
A.focus
B.click
C.load
D.input
解：選AB逃沿。
十五、多選(4分)
下面哪些方式可以實現(xiàn)瀏覽器當(dāng)前窗口跳轉(zhuǎn)到“http://www.163.com”
A.window.replace("http://www.163.com")
B.location.replace("http://www.163.com")
C.location.assign("http://www.163.com")
D.location.href = "http://www.163.com"
解：選BCD幻锁。
十六凯亮、多選(4分)
兩個頁面如果屬于同源，那么它們的url中哪幾項是相同的?
A.port
B.url
C.protocol
D.host
解：選ACD哄尔。url包括如下假消，同源的意思是host一致，protocol一致岭接，端口一致富拗。
十七臼予、多選(4分)
以下哪幾個屬性的組合是可以唯一標(biāo)識一個cookie值
A.path
B.domain
C.name
D.secure
解：選ABC。
十八啃沪、多選(4分)
以下哪些是cookie的屬性
A.path
B.domain
C.name
D.value
解：選ABCD粘拾。
十九、多選(4分)
以下哪些方案可以進(jìn)行瀏覽器端的存儲
A.mysql
B.cookie
C.indexedDB
D.localStorage
解：BCD创千。A是服務(wù)器端的存儲缰雇。
二十、多選(4分)
如果html元素’<select id="age"></select>’對應(yīng)的DOM節(jié)點是age追驴，那么以下選項中可以創(chuàng)建age元素的選項(即option元素)的有
A.age.options.add()
B.document.createElement("option")
C.age.add()
D.new Option()
解：選BD
二十一械哟、判斷(1分)
head元素里的內(nèi)容不會在頁面中顯示, 因此也不會解析成文檔樹中的節(jié)點
A.×
B.√
解：A。
二二氯檐、判斷(1分)
如果html元素對應(yīng)的DOM節(jié)點為element,那么element.class能夠獲取到該元素的類名
A.×
B.√
解：A戒良。element.className。
二十三冠摄、判斷(1分)
如果html元素對應(yīng)的DOM節(jié)點為element,那么element.style能夠獲取到該元素的實際樣式
A.×
B.√
解：A糯崎，element.style是一個樣式對象。
二四河泳、判斷(1分)
如果html元素對應(yīng)的DOM節(jié)點為element, element.sheet能夠獲取到該元素的實際樣式
A.×
B.√
解：A沃呢。
二五、判斷(1分)
<audio>的屬性autoplay和preload可以同時生效
A.√
B.×
解：選B拆挥。preload屬性規(guī)定是否在頁面加載后載入音頻薄霜。 如果設(shè)置了 autoplay屬性,則忽略該屬性。
二六纸兔、XMLHttpRequest對象發(fā)送請求前惰瓜，一定要先設(shè)置http頭部信息
A.×
B.√
解：選A。
二七汉矿、判斷(1分)
調(diào)用XMLHttpRequest.open()方法崎坊，會向服務(wù)器發(fā)送數(shù)據(jù)
A.√
B.×
解：選B。
二八洲拇、判斷(1分)
調(diào)用XMLHttpRequest.send()方法经瓷，一定要傳入?yún)?shù)
A.×
B.√
解：選A求橄。
二九放前、判斷(1分)
cookie是存儲在瀏覽器端的
A.√
B.×
解：選A快耿。
三十、判斷(1分)
requestAnimationFrame可以自定義時間間隔
A.×
B.√
解：setTimeout和setInterval才可以自定義時間間隔纽乱，requestAnimationFrame只傳一個回調(diào)函數(shù)即可蛾绎，它比前兩個流暢。
三一、填空(2分)
如果html元素’ <ul id="courses"><li id="x">實用技能</li><li id="y">高等教育</li></ul>’中id為x的元素對應(yīng)的DOM節(jié)點為x, 那么x.__________________屬性可以獲取到id為courses的元素秘通。
解：parentNode
三二为严、填空(2分)
如果表單’ <form><input id="userName" name="userName"></form>’對應(yīng)的DOM節(jié)點是form，現(xiàn)在要獲取input節(jié)點, 以下是實現(xiàn)這個操作對應(yīng)的代碼肺稀，請補全代碼:
var input = document._________________ ('userName');
解：getElementById第股。
三三、填空(2分)
如果要創(chuàng)建html為’<label>用戶名：</label>’的DOM節(jié)點, 以下是實現(xiàn)這個操作對應(yīng)的代碼话原，請補全代碼:
var label = document._________________('label');
label.textContent = "用戶名：";
解：createElement夕吻。
三四、填空(2分)
如果表單’ <form><input id="userName" name="userName"></form>’對應(yīng)的DOM節(jié)點是form繁仁， input元素對應(yīng)的DOM節(jié)點為input, 現(xiàn)在在form下面添加節(jié)點label涉馅，添加后form對應(yīng)的html元素為’ <form><label>用戶名：</label><input id="userName" name="userName"> </form>’, 以下是實現(xiàn)這個操作對應(yīng)的代碼，請補全代碼:
form._________________(label, input);
解：insertBefore黄虱。
三五稚矿、填空(2分)
如果手機號輸入框’<input id="mobile" type="text">’對應(yīng)的DOM節(jié)點是mobile，現(xiàn)在要獲取該輸入框的type屬性捻浦，以下是實現(xiàn)這個操作對應(yīng)的代碼晤揣，請補全代碼：
mobile.__________________("type" );
解：getAttribute。
三六朱灿、填空(2分)
如果內(nèi)部樣式表
<style>
.m-nav{font-size: 14px;}
.m-nav li{width: 100px;padding-left: 20px;}
</style>
對應(yīng)的DOM節(jié)點是element昧识，那么要獲取樣式表中第二條規(guī)則中padding-left的屬性值, 以下是實現(xiàn)這個操作對應(yīng)的代碼，請補全代碼:
element.sheet.cssRules[1].style._____________
解：paddingLeft
三七盗扒、填空(2分)
通過audio元素的_______________方法可以測試瀏覽器對音頻資源的兼容性
解：canPlayType檢查瀏覽器是否能夠播放指定的音頻類型跪楞。
三八、填空(2分)
在form的________________事件響應(yīng)函數(shù)中可以阻止表單提交侣灶。
解：onsubmit
三九甸祭、填空(2分)
使用form的____________方法可以重置表單。
解：reset褥影。
四十淋叶、填空(2分)
如果手機號輸入框’ <input id="mobile" value="13565346787">’對應(yīng)的DOM節(jié)點是mobile，那么以下代碼實現(xiàn)選中輸入框中的內(nèi)容伪阶，請補全代碼:
mobile._______________();
解：select
