web前端1+x初級(jí)試題及答案一、單項(xiàng)選擇題：（每題2分，共30題）1.在HTML中，CSS樣式中文本屬性的說法錯(cuò)誤的是Afont-weight用于設(shè)置字體的粗細(xì)Bfont-family用于設(shè)置文本的字體類型Ccolor用于設(shè)置文本的顏色Dtext-align用于設(shè)置文本的字體形狀(正確答案)2.在HTML中,通常要通過定位，CSS屬性中可以設(shè)置垂直疊放次序Alist-styleBpaddingCz-index(正確答案)Dfloat3在html中，樣式表按照應(yīng)用方式可以分為三種類型，其中不包括A內(nèi)嵌樣式表B行內(nèi)樣式表C外部樣式表文件D類樣式(正確答案)4.有關(guān)下面代碼片段的說法，()是正確的。

<styletype="text/css">

A{

color:blue;

text-decoration:none;

}

A:link{color:blue;}

A:hover{color:red;}

A:visited{color:green;}

</style>A樣式與A:link樣式效果相同A:hover是鼠標(biāo)正在按下時(shí)鏈接文字的樣式A:link是未被訪問的鏈接樣式(正確答案)A:visited是鼠標(biāo)正在按下時(shí)鏈接文字的樣式5.閱讀以下代碼段，則可知

<inputtype="text"name="text">

<inputtype="radio"name="radio"value="女">

<inputtype="checkbox"name="checkbox"value="checkbox">

<inputtype="file"name="file">上面代碼表示的表單元素類型分別是：文本框.單選按鈕.復(fù)選框.文件域(正確答案)上面代碼表示的表單元素類型分別是：文本框.復(fù)選框.單選按鈕.文件域上面代碼表示的表單元素類型分別是：密碼框.多選按鈕.復(fù)選框.文件域上面代碼表示的表單元素類型分別是：文本框.單選按鈕.下拉列表框.文件域6.以下不屬于塊級(jí)標(biāo)簽的是AdivBtableCimg(正確答案)Dfrom7.如何顯示這樣一個(gè)邊框：上邊框10像素.下邊框5像素.左邊框20像素.右邊框1像素？Aborder-width:10px5px20px1pxBborder-width:10px20px5px1pxCborder-width:5px20px10px1pxDborder-width:10px1px5px20px(正確答案)8.下列哪種方式是用類選擇器定義樣式的Ap{color:red}B.one{color:red}(正確答案)C#two{color:red}Dp,h1{color:red}9.閱讀下面的HTML及CSS代碼，圖片距最外面的DIV外邊緣的距離是

<styletype="text/css">

#outbox{border:10pxsolid#ff0000;width:400px;}

#inbox{border:20pxsolid#ff0000;margin:10px;padding:10px;}

</style>

<divid="outbox">

<divid="inbox"><imgsrc="flower.jpg"/></div>

</div>10px30px40px50px(正確答案)10.在CSS3中，哪項(xiàng)表示選擇title屬性包含單詞"abc"的全部元素A[title~=abc]B[title=abc]C[title$="abc"]D[title*="abc"](正確答案)11.將一個(gè)div在鼠標(biāo)放上去的時(shí)候向右偏移100px旋轉(zhuǎn)180度，以下代碼正確的是Atransform:translateX(100px)rotate(180deg);(正確答案)Btransform:translateX(-100px)rotate(-180deg);Ctransform:translateY(100px)rotate(180deg);Dtransform:translateY(-100px)rotate(-180deg);12.將刪除指定元素的子節(jié)點(diǎn)，并返回被刪除的節(jié)點(diǎn)對(duì)象，使用哪個(gè)方法AinsertBefore方法BcloneNode方法CappendChild方法DremoveChild方法(正確答案)13.將s中所有的字母變成小寫字母的方法是AtoSmallCaseBtoLowerCase(正確答案)CtoLIttleCaseDtoUpperCase14.如果在HTML頁面中包含如下圖片標(biāo)簽，則選項(xiàng)中的（）語句能夠?qū)崿F(xiàn)隱藏該圖片的功能<imgid="pic"src="Sunset.jpg"width="400"height="300">Adocument.getElementById(picBdocument.getElementById("pic").style.display="disvisible";Cdocument.getElementById(picDdocument.getElementById(pic(正確答案)15.閱讀以下程序

functionreplaceStr(inStr,oldStr,newStr){

varrep=inStr;

while(rep.indexOf(oldStr)>-1){

rep=rep.replace(oldStr,newStr);

}

returnrep;

}

alert(replaceStr("howdoyoudo","do","are"));

以下結(jié)果正確的是彈出警示對(duì)話框，顯示howareyouare(正確答案)彈出警示對(duì)話框，顯示howareyoudo彈出警示對(duì)話框，顯示howdoyouare彈出警示對(duì)話框，顯示howyoudo16.有語句"varx=0;while(____)x+=2;"，要使while循環(huán)體執(zhí)行10次，空白處的循環(huán)判定式應(yīng)寫為：（）Ax<10Bx<=10Cx<20(正確答案)Dx<=2017.在jquery中指定一個(gè)類，如果存在就執(zhí)行刪除功能，如果不存在就執(zhí)行添加功能，下面哪一個(gè)是可以直接完成該功能的？AremoveClass（）BdeleteClass（）CtoggleClass(class)(正確答案)DaddClass（）18.下面不屬于ajax事件的是？AajaxComplete(callback)BajaxSuccess(callback)C$.post(url)(正確答案)DajaxSend(callback)19.在HTML5中，哪個(gè)元素可以對(duì)頁面的標(biāo)題進(jìn)行分組Aaddress元素Bhgroup元素(正確答案)Csection元素Dnav元素20.以下哪個(gè)元素可以為figure標(biāo)簽添加標(biāo)題AtitleBh3Cfigcaption(正確答案)Dcaption21.在CSS中，為頁面中的某個(gè)DIV標(biāo)簽設(shè)置樣式div{width:200px;padding:020px;border:5px;}，則該標(biāo)簽的實(shí)際寬度為A200pxB220pxC240pxD250px(正確答案)22.以下哪個(gè)代碼給元素設(shè)置背景裁切的屬性Abackound-clip(正確答案)Bbackground-sizeCbackound-overDbackound-contain23.彈性盒子中哪個(gè)不是justify-content的屬性Aflex-startBflex-endCflex-center(正確答案)Dspace-around24.JavaScript的數(shù)據(jù)類型不包括A數(shù)值B字符串值C數(shù)組D類(正確答案)25.以下哪個(gè)表達(dá)式產(chǎn)生一個(gè)0~7之間(含0,7)的隨機(jī)整數(shù)AMath.floor(Math.random（）*6)BMath.floor(Math.random（）*7)CMath.floor(Math.random（）*8)(正確答案)DMath.ceil(Math.random（）*8)26.在HTML文檔對(duì)象模型中，history對(duì)象的（）用于加載歷史列表中的下一個(gè)URL頁面Anext（）Bback（）Cforward（）(正確答案)Dgo(-1)27.當(dāng)瀏覽器窗口(包含寬度.高度)被調(diào)整后，觸發(fā)以下哪項(xiàng)事件Aonsize事件Bonload事件Conresize事件(正確答案)Donchange事件28.Javascript中制作圖片代替按鈕的提交效果需要手動(dòng)提交方法submit（），以下調(diào)用正確的是Asubmit（）Bmyform.submit（）Cdocument.myform.submit（）(正確答案)Dwindow.myform.submit（）29.查看一下代碼，請(qǐng)問輸出正確的是

varTest={

foo:"test",

func:function（）{

varself=this;

console.log(this.foo);

console.log(self.foo);

(function（）{

console.log(this.foo);

console.log(self.foo);

})（）;

}

};

Test.func（）;Atesttestundefinedtest(正確答案)BtestundefinedundefinedtestCtesttestundefinedDtesttesttesttest30.以下哪個(gè)選項(xiàng)可以對(duì)元素定義不同的過渡動(dòng)畫效果Aanimations屬性Btransform屬性Cposition屬性Dtransition屬性(正確答案)二、多項(xiàng)選擇題：（每題2分，共15題，多選或者漏選均不得分）1.border-style設(shè)置邊框樣式的屬性有哪些Adotted(正確答案)Bdashed(正確答案)CdoubleDsolid(正確答案)2.動(dòng)畫是使元素從一種樣式逐漸變化為另一種樣式的效果，使用什么來規(guī)定變化發(fā)生的時(shí)間的方式Aform-to(正確答案)B0%-100%(正確答案)C0-100D1-103.分析下面的HTML代碼片段，則選項(xiàng)中的說法正確的是<tableborder="10"><tr><tdcolspan=2align="center">姓名</td></tr><tr><tdrowspan=2align="center">成績(jī)</td><tdalign="center">語文</td></tr><tr><tdcolspan=2align="center">數(shù)學(xué)</td></tr><table>A姓名(正確答案)B該表格的邊框?qū)挾葹?0毫米C該表格共有2行3列D該表格中的文字均居中顯示(正確答案)4.在HTML中，使用HTML元素的class屬性，將樣式應(yīng)用于網(wǎng)頁上某個(gè)段落的代碼如下所示：<pclass="firstp">這是一個(gè)段落</p>下面選項(xiàng)中，()正確定義了上面代碼引用的樣式規(guī)則。A<sytletype="text/css">p{color:red}</sytle>(正確答案)B<sytletype="text/css">#firstp{color:red}</sytle>C<sytletype="text/css">.firstp{color:red}</sytle>(正確答案)D<sytletype="text/css">p#firstp{color:red}</sytle>5.在頁面中，能夠調(diào)取對(duì)話框是哪些方法Aalert（）方法(正確答案)Bconfirm（）方法(正確答案)Cprompt（）方法(正確答案)DcloneNode方法6.可以指定超出盒中內(nèi)容的顯示樣式的屬性是Aoverflow屬性(正確答案)Bfont-overflow屬性Cbox-overflow屬性Dtext-overflow屬性(正確答案)7.下列選項(xiàng)中，（）段HTML代碼所表示的"返回"鏈接能夠正確實(shí)現(xiàn)IE工具欄后退按鈕的功能A<ahref="javascript:history.go(-1)">返回</a>(正確答案)B<ahref="javascript:location.back（）">返回</a>C<ahref="javascript:locationgo(-1)">返回</a>D<ahref="javascript:history.back（）">返回</a>(正確答案)8.在HTML頁面中，定義了如下所示的Javascript函數(shù)，則正確調(diào)用該函數(shù)的HTML代碼是functioncompute(op){alert(op);}A<inputname="a"type="button"onclick="compute(this.value)"value="+">(正確答案)B<inputname="b"type="button"onclick="compute(‘-’)"value="-">(正確答案)C<inputname="c"type="button"onclick="compute("*")"value="*">D<inputname="d"type="button"onclick="compute(/)"value="/">9.CSS中，盒模型的屬性包括AvisibleBmargin(正確答案)Cpadding(正確答案)Dborder(正確答案)10.jQuery中遍歷節(jié)點(diǎn)的方法，錯(cuò)誤的是Anext（）取得匹配元素后面緊鄰的同輩元素Bprev（）取得匹配元素的所有同輩元素(正確答案)Csiblings（）取得匹配元素前的所有同輩元素(正確答案)Dclosest（）取得元素緊鄰的后一個(gè)元素匹配(正確答案)11.分析下面的JavaScript代碼段

a=newArray(2,3,4,5,6);sum=0;

for(i=2;i<Alength;i++)

sum+=a[i];

document．write(sum);

輸出結(jié)果不正確的是A20(正確答案)B23456(正確答案)C2，3，4，5，6(正確答案)D1512.關(guān)于WEB標(biāo)準(zhǔn)以下說法正確的是AWeb標(biāo)準(zhǔn)是一個(gè)復(fù)雜的概念集合，它由一系列標(biāo)準(zhǔn)組成(正確答案)B這些標(biāo)準(zhǔn)全部都由W3C起草與發(fā)