保定學(xué)院《Web前端開發(fā)》2022-2023學(xué)年期末試卷

裝訂線裝訂線PAGE2第1頁，共3頁保定學(xué)院《Web前端開發(fā)》2022-2023學(xué)年期末試卷院(系)_______班級_______學(xué)號_______姓名_______題號一二三總分得分批閱人一、單選題（本大題共20個(gè)小題，每小題2分，共40分．在每小題給出的四個(gè)選項(xiàng)中，只有一項(xiàng)是符合題目要求的．）1、以下哪個(gè)是HTML5中的新輸入類型？（）A.colorB.emailC.numberD.以上都是2、以下哪個(gè)JavaScript方法用于創(chuàng)建新的節(jié)點(diǎn)？（）A.createElement()B.appendChild()C.insertBefore()D.removeChild()3、CSS中，用于設(shè)置元素內(nèi)邊距的屬性是（）A.marginB.paddingC.borderD.outline4、JavaScript中，以下哪個(gè)方法用于刪除數(shù)組的第一個(gè)元素？（）A.shift()B.pop()C.splice()D.remove()5、在HTTP協(xié)議中，以下哪個(gè)方法用于刪除服務(wù)器上的資源？（）A.DELETEB.PUTC.PATCHD.OPTIONS6、JavaScript中，以下哪個(gè)方法用于將數(shù)組轉(zhuǎn)換為字符串？（）A.toString()B.join()C.concat()D.slice()7、JavaScript中，以下哪個(gè)方法用于將對象轉(zhuǎn)換為字符串？（）A.toString()B.toJSON()C.stringify()D.serialize()8、在CSS中，用于設(shè)置元素外邊距的屬性是（）A.marginB.paddingC.borderD.outline9、在HTML表單中，標(biāo)簽的type屬性為“submit”時(shí)表示（）A.文本輸入框B.密碼輸入框C.提交按鈕D.重置按鈕10、以下哪個(gè)CSS屬性用于設(shè)置元素的背景圖像？（）A.background-imageB.image-backgroundC.bg-imageD.background11、以下哪個(gè)是HTML中的注釋格式？（）A.B.//注釋內(nèi)容C./*注釋內(nèi)容*/D.#注釋內(nèi)容12、JavaScript中，以下哪個(gè)方法用于向數(shù)組末尾添加一個(gè)元素？（）A.push()B.pop()C.shift()D.unshift()13、以下哪種方式可以在JavaScript中定義一個(gè)函數(shù)？（）A.functionmyFunction(){}B.varmyFunction=function(){}C.以上都是D.以上都不是14、JavaScript中，以下哪個(gè)方法用于獲取當(dāng)前日期和時(shí)間？（）A.getDate()B.getTime()C.newDate()D.Date.now()15、在CSS中，用于設(shè)置元素定位方式的屬性是（）A.positionB.floatC.clearD.display16、JavaScript中，以下哪個(gè)方法用于獲取瀏覽器窗口的寬度？（）A.innerWidthB.outerWidthC.clientWidthD.screenWidth17、以下哪個(gè)是CSS中的浮動屬性？（）A.floatB.clearC.overflowD.visibility18、在HTML中，錯(cuò)誤！未指定文件名。標(biāo)簽的alt屬性的作用是（）A.為圖片設(shè)置替代文本B.定義圖片的地址C.控制圖片的大小D.為圖片添加注釋19、以下哪個(gè)是CSS中的盒模型屬性？（）A.contentB.borderC.paddingD.以上都是20、在HTTP協(xié)議中，以下哪個(gè)狀態(tài)碼表示請求的資源被永久移動？（）A.301B.302C.404D.500二、判斷題（本大題共10個(gè)小題，共10分)1、HTML中的標(biāo)簽用于繪制橢圓。（）2、JavaScript中的Object.entries()方法返回對象的鍵值對數(shù)組。（）3、JavaScript中的數(shù)組可以存儲不同類型的數(shù)據(jù)。（）4、HTML中的標(biāo)簽用于定義無序列表。（）5、HTML中的標(biāo)簽用于定義頁面的側(cè)邊欄內(nèi)容。（）6、JavaScript中的Stotype.split()方法根據(jù)指定的分隔符將字符串分割為數(shù)組。（）7、HTML中的標(biāo)簽的target="_blank"屬性可以在新窗口打開鏈接。（）8、HTML中的標(biāo)簽用于定義漸變的顏色停止點(diǎn)。（）9、JavaScript中的Math.random()*10可以生成0到10之間（包括0但不包括10）的隨機(jī)數(shù)。（）10、在CSS中，:active偽類用于鼠標(biāo)點(diǎn)擊時(shí)的樣式。（）三、編程題（本大題共5個(gè)小題，共50分)1、（本題10分）用JavaScript實(shí)現(xiàn)一個(gè)頁面元素的翻轉(zhuǎn)和透明度變化組合效果。2、（本題10分）使用CSS實(shí)現(xiàn)一個(gè)響應(yīng)式布局，在不同屏幕尺寸下自適應(yīng)調(diào)整。3、（本題10分）用HTML和C