2019年下半年 Web前端開發初級 理論考試
（考試時間9:00-11:30 共150分鍾）
1. 本試卷共3道大題，滿分100分。
2. 請在指定位置作答。
一、單選題（每小題2分，共30小題，共60分）
1、在HTML中，( )用來表示特殊字符引號
A、® B、© C、" D、 
2、下面關於文件路徑的說法錯誤的是（ ）。
A、“../”是返回當前目錄的上一級目錄
B、“../”是返回當前目錄的下一級目錄
C、訪問下一級目錄直接輸入相應的目錄名即可
D、文件路徑指文件存儲的位置
3、下列選項中定義標題最合理的是( )
A、<span class="header">文章標題</span>
B、<p><b>文章標題</b></p>
C、<h2>標題</h2>
D、<div>文章標題</div>
4、關於引入樣式的優先級說法正確的是（ ）
A、內聯樣式>!important>內部樣式>外部樣式>!important
B、!important>內聯樣式>內部樣式>外部樣式
C、以上都不正確
5、在HTML中，下面（ ）不屬於HTML文檔的基本組成部分。
A、<STYLE></STYTLE> B、<BODY></BODY>
C、<HTML></HTML> D、<HEAD></HEAD>
6、在HTML中，下列有關郵箱的鏈接書寫正確的是（ ）
A、<A href="telnet:zhangming@aptech.com">發送郵件</A>
B、<A href="mail:zhangming@aptech.com">發送郵件</A>
C、<A href="ftp:zhangming@aptech.com">發送郵件</A>
D、<A href="mailto:zhangming@aptech.com">發送郵件</A>
7、在HTML5中，哪個屬性用於規定輸入字段是必填的？
A、readonly B、required C、validate D、placeholder
8、HTML5的正確doctype是( )
A、<!DOCTYPE html>
B、<!DOCTYPE HTML5>
C、<!DOCTYPE HTML PUBLIC "-
D、//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
9、以下說法不正確的是（ ）
A、HTML5 標准還在制定中 B、HTML5兼容以前HTML4下瀏覽器
C、<canvas>標簽替代Flash D、簡化的語法
10、設定一個元素按規定的動畫執行，你需要運用什么規則？
A、animation B、keyframes C、flash D、transition
11、每段文字都需要首行縮進兩個字的距離，該設置什么屬性（ ）
A、text-transform B、text-align C、text-indent D、text-decoration
12、關於box-shadow說法正確的是（ ）
A、設置文字投影 B、第一個值是設置水平距離的
C、第二個值是設置水平距離的 D、第三個值是設置投影顏色的
13、設置盒子圓角的屬性是（ ）
A、box-sizing B、box-shadow C、border-radius D、border
14、將div類名以'c'開頭元素添加文字為紅色，書寫正確的是（ ）
A、div[class=^c]{color:red} B、div[class=$c]{color:red}
C、div[class=c]{color:red} D、div[class=*c]{color:red}
15、在HTML中，通過( )可以實現鼠標懸停在div上時，元素執行旋轉45度效果
A、div:hover{transform:rotale(45deg)}
B、div:hover{transform:tanslate(50px)}
C、div:hover{transform:scale(1.5)}
D、div:hover{transform:skew(45deg)};
16、關於flex說法正確的是（ ）
A、flex 屬性用於指定彈性子元素如何分配空間 B、flex:1應該寫在彈性元素上
C、設置flex:1無意義 D、flex是指設置固定定位
17、讓一個動畫一直執行的屬性是（ ）
A、animation-direction B、animation-iteration-count
定義是否應該輪流反向播放動畫 定義動畫的播放次數
C、animation-play-state D、animation-delay
規定動畫正在運行還是暫停 定義動畫何時開始。
18、以下不屬於background-clip的值的是（ ）
A、border-box B、padding-box C、content-box D、none
19、以下哪條語句會產生運行錯誤（ ）
A、var obj = (); B、var obj = {}; C、var obj = []; D、var obj = //;
20、請選擇結果為真的表達式（ ）
A、null instance of Object B、null === undefined
C、null == undefined D、NaN == NaN
21、下面代碼輸出什么( )
var a=0,b=0;
for(;a<10,b<7;a++,b++){
g=a+b;
}
console.log(g);"
A、16 B、10 C、12 D、6
22、下列表達式成立的是( )
A、parseInt(12.5)==parseFloat(12.5)
B、Number("123abc")==parseFloat("123abc")
C、isNaN("abc")==NaN
D、typeof NaN=="number"
23、在JavaScript中，執行下面的代碼后，num的值是( )
var str = ""wang.wu@gmail.com"";
var num = str.indexOf(""."");"
A、-1 B、0 C、4 D、13
24、閱讀下面的JavaScript代碼，輸出結果是（ ）
function f(y) {
var x=y*y;
return x;
}
for(x=0;x< 5;x++) {
y=f(x);
document.writeln(y);
} "
A、0 1 2 3 4 B、 0 1 4 9 16 C、0 1 4 9 16 25 D、以上答案都不對
25、在Java script中，運行下面代碼的結果是
function foo(x){
var num=5;
bar=function(y){
return (x+y+(++num));
}
}
console.log(foo(2));
console.log(bar(10));
console.log(bar(10));"
A、undefined,18,19 B、17,18,19 C、5,18,19 D、undefined,18,18
26、下面代碼輸出正確的是( )
parseInt(3, 8)
parseInt(3, 2)
parseInt(3, 0) "
A、3, 3, 3 B、3, 3, NaN C、3, NaN, NaN D、other
27、在以下選項中，關於JavaScript的Date對象描述正確的是
A、getDay( )方法能返回Date對象的一個月中的一天，其值為1~31
B、getDate( )方法能返回Date對象的一周中的一天，其值為0~6
C、getTime( )方法能返回某一時刻(1970年1月1日)依賴的毫秒數
D、getYear( )方法只能返回4位年份，長用於獲取Date對象的年份
28、以下關於jQuery 節點的說法中錯誤是
A、jQuery中用$(".box").insertBefroe(ele1,ele2)給指定ele2前添加ele1元素
B、jQuery中用$(".box").append(ele)給box類后添加ele元素
C、jQuery中用$(".box").appendTo(ele)給box類后添加ele元素
D、jQuery中用$(".box").insertAfter(ele1,ele2)給ele2后添加ele1元素
29、在jQuery中，下列關於事件的說法錯誤的是（ ）
A、jQuery中用onclick綁定點擊事件
B、jQuery中用on來給未來元素綁定事件
C、jQuery中用hover來綁定鼠標經過事件
D、jQuery中存在冒泡事件，故需要阻止冒泡
30、在jQuery中，能夠操作HTML代碼及其文本的方法是（ ）
A、attr() B、text() C、html() D、val()
二、多選題（每小題2分，共15小題，共30分）
1、在JavaScript語法中，下列說法正確的是
A、parseInt(43.12)返回值為43
B、parseInt('abc43.12')返回值為NaN
C、parseFloat('43.13abc')==parseInt(43.12) 返回true
D、isNaN(parseFloat('45.13abc'))返回true
2、下面哪些是JavaScript中document的方法？
A、getElementById B、getElementsById
C、getElementsByTagName D、getElementsByName
E、getElementsByClassName
3、關於JavaScript事件說法不正確的是（ ）
A、事件由事件函數、事件源、事件對象組成
B、當前事件作用在哪個標簽上,哪個標簽就是事件源
C、onclick 就是一個事件對象
D、圖片切換使用JavaScript的change事件
4、下列關於獲取頁面元素說法正確的是( )
A、document.getElementById(‘a’)是通過id值為a獲取頁面中的一個元素
B、document.getElementsByName(“na”)是通過name屬性值為na獲取頁面中的一個元素
C、document.getElementsByTagName(“div”)是通過標簽名獲取去所有div;
D、以上說法都不正確;
5、下列選項中屬於jQuery屬性選擇器的是（ ）
A、$("img[src$='.gif ']") B、$("img") C、$("[class][title]") D、$("div>span")
6、網頁的<body>元素中包含以下HTML代碼：
<div id=""box"">
<h2 id='top1' name='header1'>標題1</h2>
<h2 id='top2' name='header2'>標題2</h2>
</div>
下列能彈出""標題1""的jQuery代碼是（ ）。
A、alert($('#top1').text()); B、alert($('[name=header1]').text());
C、alert($('[name='header1']').text()); D、alert($('#header1').text());
7、以下（ ）是塊級元素
A、div B、img C、input D、p
8、以下標簽書寫正確的是( )
A、<p/> B、<br/> C、<hr/> D、<img/>
9、嵌入在HTML文檔中的圖像格式可以是( )
A、*.gif B、*.tif C、*.bmp D、*.jpg
10、請選出正確的選項( )
A、屬性要在開始標簽中指定，用來表示該標簽的性質和特性
B、通常都是以“屬性名=“值””的形式來表示
C、一個標簽可以指定多個屬性
D、指定多個屬性時不用區分順序。
11、下面哪些是HTML5 新增的表單元素？
A、datalist B、optgroup C、output D、legend
12、關於media說法正確的是（ ）
A、@media 查詢，你可以針對不同的媒體類型定義不同的樣式
B、@media 可以設計響應式頁面
C、當你重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面
D、可以用media屬性在link中使用
13、文字溢出顯示省略號應該擁有那些屬性（ ）
A、overflow: hidden; B、white-space: nowrap;
C、text-overflow: ellipsis; D、width:500px
14、關於語義化說法不正確的是（ ）
A、語義化的HTML有利於機器的閱讀
B、Table 屬於過時的標簽，遇到數據列表時，需盡量使用 div 來模擬表格
C、語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化
D、Header、article、address都屬於語義化明確的標簽
15、background-origin的值有哪些（ ）
A、none B、border-box C、content-box D、padding-box
三、判斷題（每小題2分，共5小題，共10分。在每小題后對應括號內填入判斷結果，正確的選項填寫“√”，錯誤的選項填寫“×”）
1、H5就是HTML5的簡稱。 （ × ）
2、CSS Sprites整理起來更為方便，同一個按鈕不同狀態的圖片也不需要一個個切割出來並個別命名。（ × ）
3、slideUp()方法通過高度變化（向上減小）來動態地隱藏所有匹配的元素。（ √ ）
4、在jquery中addClass()可以增加多個樣式，各個樣式間用：隔開。（ × ）
5、padding:10px;只設置上邊填充為10像素，其它三邊為零像素。（ × ）