Web 前端開發(fā)考試測試試題附答案

Web前端開發(fā)考試測試試卷及答案一、單選題1.哪個標記用于表示HTML文檔的結束?()A、</BODY>B、</HTML>(正確答案)C、</TABLE>D、</TITLE>2.下面代碼輸出什么?()

vararr=newArray(5)；

arr[1]=1；

arr[5]=2；

console.log(arr.length)；A、2B、5C、6(正確答案)D、報錯3.在JavaScript中alert("12">"9")的運行結果正確的是()。A、trueB、false(正確答案)C、12D、94.在標簽中通過以下哪個屬性可以用于指定元素的行內樣式?()A、classB、idC、style(正確答案)D、title5.<ahref=".jpg"title="大連">新聞</a>，獲取a元素title的屬性值的方法是()。A、$("a").attr("title").val()B、$("#a").attr("title")C、$("a").attr("title")(正確答案)D、$("a").attr("title").value6.在CSS中，設置背景圖像的代碼正確的是()。A、background-image:src(img/41.jpg)B、background-image:url(img/41.jpg)(正確答案)C、background-img:url(img/41.jpg)D、background-img:src(img/41.jpg)7.()事件處理程序可用于在用戶單擊按鈕時執(zhí)行函數(shù)。A、onSubmitB、onClick(正確答案)C、onChangeD、onExit8.以下不是jQuery選擇器的是()。A、類選擇器B、元素選擇器C、后代選擇器D、自定義選擇器(正確答案)9.HTML是什么語言?()A、高級文本語言B、超文本標記語言(正確答案)C、擴展標記語言D、圖形化標記語言10.下列哪一項表示的不是按鈕?()A、type="submit"B、type="reset"C、type="select"(正確答案)D、type="button"11.在JavaScript中，運行下面代碼的結果是()。

vararr=[6，3，4，5，1]；

varsum=0；

for(vari=1；i<arr.length；i++){

sum+=arr[i]

}

console.log(sum)；A、18B、13(正確答案)C、19D、1212.下列哪個不是JavaScript的事件類型?()A、動作事件(正確答案)B、鼠標事件C、鍵盤事件D、HTML頁面事件13.A文件夾與B文件夾是同級文件夾，其中A下有a.htm，B下有b.htm文件，現(xiàn)在我們希望在a.htm文件中創(chuàng)建超鏈接，鏈接到b.htm，應該在a.htm頁面代碼中如何描述鏈接內容?()A、b.htmB、././././B/b.htmC、../B/b.htm(正確答案)D、../../b.htm14.給某段文字設置下劃線，應該設置什么屬性?()A、text-transformB、text-alignC、text-indentD、text-decoration(正確答案)15.以下CSS單位是絕對單位的是()。A、px(正確答案)B、emC、remD、百分比16.Html標記中，用什么方法可以將文本在頁面中居中?()A、place=middleB、type=middle(正確答案)C、align=centerD、type=center17.下列語句不能用于遍歷數(shù)組的是()。A、forB、for…inC、dowhileD、if(正確答案)18.下面代碼輸出正確的是()。

<scriptlanguage="javascript”>

x=3y=2；

z=(x+2)/y；

alert(z)；

</script>

A、2B、2.5(正確答案)C、32/2D、1619.以下哪個標簽是HTML5新增的標簽?()A、<form>B、<iframe>C、<figure>(正確答案)D、<table>20.下列哪個不是JavaScript中注釋的正確寫法?()A、<!--……-->B、//……C、/……/D、##(正確答案)21.關于border-radius說法正確的是()。A、設置邊框的圓角(正確答案)B、不能設置成圓形C、設置容器樣式D、只能設置一個值22.關于flex說法正確的是()。A、設置flex布局以后，子元素的float和clear等樣式全部失效(正確答案)B、不是任何一個容器都可以使用flex彈性布局C、設置flex:1無意義D、flex是指設置固定定位23.設置容器陰影的屬性是()。A、box-sizingB、box-shadow(正確答案)C、border-radiusD、border24.下列選項中，不屬于比較運算符的是()。A、==B、===C、!==D、=(正確答案)25.在JavaScript中，執(zhí)行下面的代碼后，num的值是()。

varstr="wang.wu@"；

varnum=str.indexof(".")；A、-1B、0C、4(正確答案)D、1326.以下關于在CSS中的選擇器命名錯誤的是()。A、B、.table(正確答案)C、divD、.boxp27.在JavaScript中，下列()語句能正確獲取系統(tǒng)當前時間的小時值。A、vardate=newDate();varhour=date.getHour();B、vardate=newDate();varhour=date.gethours();C、vardate=newdate();varhour=date.getHours();D、vardate=newDate();varhour=date.getHours();(正確答案)28.在JavaScript中定義函數(shù)使用的關鍵字是()。A、function(正確答案)B、funcC、varD、new29.關于HTML5以下說法不正確的是()。A、HTML5某些元素可以省略結束標簽B、解決跨瀏覽器跨平臺問題C、HTML5保留了以前絕大部分標簽D、標簽區(qū)分大小寫(正確答案)30.以下選項中，可以根據(jù)包含文本匹配到指定元素的是()。A、text()B、contains()(正確答案)C、input()D、attr()二、多選題（共15道小題，30分）

1.下列能彈出“標題1”的jQuery代碼是()。

<divid="box'>

<h2id=top1'name=header1>標題1</h2>

<h2id=top2'name='header2'>標題2</h2>

</div>A、alert($('#top1').text());(正確答案)B、alert($('[name=header1]').text());C、alert($("[name='header1']").text());(正確答案)D、alert($('#header1').text());2.以下屬于CSS3新增屬性的是()。A、background-clip(正確答案)B、text-overflow(正確答案)C、background-positionD、background-size(正確答案)3.下列關于浮動float的說法正確的是()。A、浮動使元素脫離文檔普通流，漂浮在普通流之上(正確答案)B、浮動會產(chǎn)生塊級框，而不管元素本身是什么(正確答案)C、可以通過clear來清除浮動(正確答案)D、不可以通過偽類清除浮動4.下面哪些是JavaScript中document的方法?()A、getElementById(正確答案)B、getElementsByIdC、getElementsByTagName(正確答案)D、getElementsByName(正確答案)E、getElementsByClassName(正確答案)5.文字溢出顯示省略號應該擁有哪些屬性?()A、overflow:hidden;(正確答案)B、white-space:nowrap;(正確答案)C、text-overflow:ellipsis;(正確答案)D、width:500px(正確答案)6.請選出正確的選項()。A、屬性要在開始標簽中指定，用來表示該標簽的性質和特性(正確答案)B、通常都是以“屬性名=“值””的形式來表示(正確答案)C、一個標簽可以指定多個屬性(正確答案)D、指定多個屬性時不用區(qū)分順序(正確答案)7.以下哪些元素是表單控件元素?()A、<inputtype=＂text＂>(正確答案)B、<select>(正確答案)C、<textarea>(正確答案)D、<datalist>(正確答案)8.下面代碼輸出的結果是()。

varname=”小花”；

varname="小麗”；

vara=123；

varb=10%3；

alert(name)；

alert(typeofa)；

alert(b)；A、小花B、小麗(正確答案)C、number(正確答案)D、3E、1(正確答案)9.下列屬于塊級元素的是()。A、spanB、p(正確答案)C、div(正確答案)D、a10.以下()是JavaScript的內置對象?A、Object(正確答案)B、Array(正確答案)C、String(正確答案)D、Error(正確答案)11.關于jQuery的選擇器，下列描述正確的是()。A、$(divspan)表示匹配所有后代元素B、$('div>span')表示匹配直接子元素(正確答案)C、$('div+next')表示匹配緊接在div元素后的next元素(正確答案)D、無法匹配元素的所有同輩元素12.下列關于HTML5的標簽默認值描述正確的是()。A、li的默認值是display:list-item(正確答案)B、button,textarea，input，select的默認值是display:inline-block(正確答案)C、hr的默認值是border:1pxinset(正確答案)D、所有的標簽都有結束標簽13.下列關于JavaScript中return的含義描述正確的是()。A、return可以將函數(shù)的結果返回給當前函數(shù)名(正確答案)B、如果函數(shù)中沒有return，則返回undefined(正確答案)C、return可以用來結束一個函數(shù)(正確答案)D、return可以返回多個值(正確答案)14.下列關于padding值得描述正確的是()。A、當padding給一個值時，指的是四個方向(正確答案)B、當padding有兩個值時，指的是上下、左右(正確答案)C、當padding有三個值時，指的是上、左右、下(正確答案)D、當padding有四個值時，指的是上、下、左、右15.CSS中text-decoration的值有哪些?()A、none(正確答案)B、underline(正確答案)C、overline(正確答案)D、line-th