1+X認(rèn)證Web前端開發(fā)初級模擬試題及答案7套

1+X認(rèn)證Web前端開發(fā)初級模擬試題及答案7套一、單選題（共30小題，每小題2分，共60分）1、在HTML中，CSS樣式中文本屬性的說法錯誤的是（D）A.font-weight用于設(shè)置字體的粗細(xì)B.font-family用于設(shè)置文本的字體類型C.color用于設(shè)置文本的顏色D.text-align用于設(shè)置文本的字體形狀2、在HTML中,通常要通過定位，CSS屬性中可以設(shè)置垂直疊放次序（C）A.list-style

B.padding

C.z-index

D.Float3、在html中，樣式表按照應(yīng)用方式可以分為三種類型，其中不包括（D）。內(nèi)嵌樣式表行內(nèi)樣式表外部樣式表文件類樣式4

、有關(guān)下面代碼片段的說法，（C）是正確的。<style

type="text/css">

A{

color:blue;

text-decoration:none;

}

A:link{

color:blue;

}A:hover{

color:red;

}A:visited{

color:green;

}</style>A.

A樣式與A:link樣式效果相同B.

A:hover是鼠標(biāo)正在按下時鏈接文字的樣式C.

A:link是未被訪問的鏈接樣式D.

A:visited是鼠標(biāo)正在按下時鏈接文字的樣式5、閱讀以下代碼段，則可知（

A

）。<inputtype="text"

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

name="radio"

value="女"><inputtype="checkbox"

name="checkbox"

value="checkbox">

<inputtype="file"

name="file">A.

上面代碼表示的表單元素類型分別是：文本框、單選按鈕、復(fù)選框、文件域B.

上面代碼表示的表單元素類型分別是：文本框、復(fù)選框、單選按鈕、文件域C.

上面代碼表示的表單元素類型分別是：密碼框、多選按鈕、復(fù)選框、文件域D.

上面代碼表示的表單元素類型分別是：文本框、單選按鈕、下拉列表框、文件域6、以下不屬于塊級標(biāo)簽的是（C）A.divB.tableC.imgD.from7、如何顯示這樣一個邊框：上邊框10像素、下邊框5像素、左邊框20像素、右邊框1像素？（D）A.border-width:10px5px20px1pxB.border-width:10px20px5px1pxC.border-width:5px20px10px1pxD.border-width:10px1px5px20px8、下列哪種方式是用類選擇器定義樣式的（B）p{color:red}

B..

one{color:red}

C.#two{color:red}

D.p,h1{color:red}9、閱讀下面的HTML及CSS代碼，圖片距最外面的DIV外邊緣的距離是（D）。<style

type="text/css">

#outbox

{

border:10px

solid

#ff0000;

width:400px;

}

#inbox

{

border:20px

solid

#ff0000;

margin:10px;

padding:10px;

}

</style>

<div

id="outbox">

<div

id="inbox"><img

src="flower.jpg"

/></div>

</div>

A．10px

B．30px

C．40px

D．50px10、在CSS3中，哪項表示選擇title屬性包含單詞"abc"的全部元素。（D）A.[title~=abc]B.[title=abc]C.[title$="abc"]D.[title*="abc"]11、將一個div在鼠標(biāo)放上去的時候向右偏移100px旋轉(zhuǎn)180度，以下代碼正確的是（A）A.transform:translateX(100px)rotate(180deg);transform:translateX(-100px)rotate(-180deg);transform:translateY(100px)rotate(180deg);transform:translateY(-100px)rotate(-180deg);12、將刪除指定元素的子節(jié)點，并返回被刪除的節(jié)點對象，使用哪個方法。（D）A.insertBefore方法B.cloneNode方法C.appendChild方法D.removeChild方法13、將s中所有的字母變成小寫字母的方法是（B）A.toSmallCaseB.toLowerCaseC.toLIttleCaseD.toUpperCase14、如果在HTML頁面中包含如下圖片標(biāo)簽，則選項中的（）語句能夠?qū)崿F(xiàn)隱藏該圖片的功能。(D)<imgid=”pic”src=”Sunset.jpg”width=”400”height=”300”>A.document.getElementById(“pic”).style.display=”visible”;B.document.getElementById(“pic”).style.display=”disvisible”;C.document.getElementById(“pic”).style.display=”block”;D.document.getElementById(“pic”).style.display=”none”;15、閱讀以下程序functionreplaceStr(inStr,oldStr,newStr){varrep=inStr;while(rep.indexOf(oldStr)>-1){rep=rep.replace(oldStr,newStr);}returnrep;}alert(replaceStr("howdoyoudo","do","are"));以下結(jié)果正確的是(A)A.彈出警示對話框，顯示howareyouare。B.彈出警示對話框，顯示howareyoudo。C.彈出警示對話框，顯示howdoyouare。D.彈出警示對話框，顯示howyoudo。16、有語句“varx=0;while(____)x+=2;”，要使while循環(huán)體執(zhí)行10次，空白處的循環(huán)判定式應(yīng)寫為：(C)x<10x<=10x<20.x<=2017、在jquery中指定一個類，如果存在就執(zhí)行刪除功能，如果不存在就執(zhí)行添加功能，下面哪一個是可以直接完成該功能的？（C）

A、removeClass()deleteClass()toggleClass(class)addClass()18、下面不屬于ajax事件的是？(C)

A、ajaxComplete(callback)ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)19、在HTML5中，哪個元素可以對頁面的標(biāo)題進(jìn)行分組。（B）A.address元素B.hgroup元素C.section元素D.nav元素20、以下哪個元素可以為figure標(biāo)簽添加標(biāo)題。（C）titleB.h3C.figcaptionD.caption21、在CSS中，為頁面中的某個DIV標(biāo)簽設(shè)置樣式div{width:200px;padding:020px;border:5px;}，則該標(biāo)簽的實際寬度為（

D

）A.200px

B.220px

C.240px

D.250px22、以下哪個代碼給元素設(shè)置背景裁切的屬性（A）Abackound-clipBbackground-sizecbackound-overDbackound-contain23、彈性盒子中哪個不是justify-content的屬性(C)A.flex-startB.flex-endC.flex-centerD.space-around

24、JavaScript的數(shù)據(jù)類型不包括。（D）A.數(shù)值B.字符串值C.數(shù)組D.類25、以下()表達(dá)式產(chǎn)生一個0~7之間(含0,7)的隨機整數(shù).(C)A.Math.floor(Math.random()*6)B.Math.floor(Math.random()*7)C.Math.floor(Math.random()*8)D.Math.ceil(Math.random()*8)26、在HTML文檔對象模型中，history對象的（）用于加載歷史列表中的下一個URL頁面。(C)next()B.back()C.forward()D.go(-1)27、當(dāng)瀏覽器窗口（包含寬度、高度）被調(diào)整后，觸發(fā)以下哪項事件。（C）A.onsize事件B.onload事件C.onresize事件D.onchange事件28、Javascript中制作圖片代替按鈕的提交效果需要手動提交方法submit()，以下調(diào)用正確的是（C）A.submit()B.myform.submit()C.document.myform.submit()D.window.myform.submit();29、查看一下代碼，請問輸出正確的是（A）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();A

testtestundefinedtestBtestundefinedundefinedtestCtesttestundefinedDtesttesttesttest30、以下哪個選項可以對元素定義不同的過渡動畫效果。（D）A.animations屬性B.transform屬性C.position屬性D.transition屬性多選題（共15小題，每小題2分，共30分）1、border-style設(shè)置邊框樣式的屬性有哪些。（ABD）A.dottedB.dashedC.doubleD.solid2、動畫是使元素從一種樣式逐漸變化為另一種樣式的效果，使用什么來規(guī)定變化發(fā)生的時間的方式。（AB）A.form-toB.0%-100%C.0-100D.1-103、分析下面的HTML代碼片段，則選項中的說法正確的是（AD）<tableborder="10"><tr><tdcolspan=2align="center">姓名</td></tr><tr><tdrowspan=2align="center">成績</td><tdalign="center">語文</td></tr><tr><tdcolspan=2align="center">數(shù)學(xué)</td></tr><table>

A.“姓名”單元個跨2列

B.該表格的邊框?qū)挾葹?0毫米

C.該表格共有2行3列

D.該表格中的文字均居中顯示4、在HTML中，使用HTML元素的class屬性，將樣式應(yīng)用于網(wǎng)頁上某個段落的代碼如下所示：<p

class=”firstp”>這是一個段落</p>

下面選項中，（

AC

）正確定義了上面代碼引用的樣式規(guī)則。A.<sytle

type=”text/css”>p{color:red}</sytle>B.<sytle

type=”text/css”>#firstp{color:red}</sytle>C.<sytle

type=”text/css”>.firstp{color:red}</sytle>D.<sytle

type=”text/css”>p#firstp{color:red}</sytle>5、在頁面中，能夠調(diào)取對話框是哪些方法。（ABC）。A.alert()方法B.confirm()方法C.prompt()方法D.cloneNode方法6、可以指定超出盒中內(nèi)容的顯示樣式的屬性是。（AD）A.overflow屬性B.font-overflow屬性C.box-overflow屬性D.text-overflow屬性7、下列選項中，（）段HTML代碼所表示的“返回”鏈接能夠正確實現(xiàn)IE工具欄后退按鈕的功能。(AD)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代碼是（選擇二項）(AB)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中，盒模型的屬性包括（BCD

）A.visible

B.margin

C.padding

D.border10、jQuery中遍歷節(jié)點的方法，錯誤的是（BCD）

A.next()取得匹配元素后面緊鄰的同輩元素

B.prev()取得匹配元素的所有同輩元素

C.siblings()取得匹配元素前的所有同輩元素

D.closest()取得元素緊鄰的后一個元素匹配11、分析下面的JavaScript代碼段a=newArray(2,3,4,5,6);sum=0;for(i=2;i<a.length;i++)sum+=a[i];document．write(sum);輸出結(jié)果不正確的是(ABC)．A．20B．23456C．2，3，4，5，6D．1512、關(guān)于WEB標(biāo)準(zhǔn)以下說法正確的是（

ACD

）A.Web標(biāo)準(zhǔn)是一個復(fù)雜的概念集合，它由一系列標(biāo)準(zhǔn)組成B.這些標(biāo)準(zhǔn)全部都由W3C起草與發(fā)布C.Web標(biāo)準(zhǔn)可以分為3個方面D.Web標(biāo)準(zhǔn)里的表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS13、下面選項中屬于css3新屬性的是（BCD）A.text-alignB.border-radiusC.transitionD.box-shadow14、下面關(guān)于css3偽類描述正確的是（AB）A.p:first-of-type

選擇屬于其父元素的首個<p>;B.

p:nth-child(2)

選擇屬于其父元素的第二個子元素的每個<p>;元素。C.p:only-of-type

選擇屬于其父元素的唯一子元素的每個<p>;元素。D.p:only-child選擇屬于其父元素唯一的<p>;

15、CSS中的選擇器包括（BCD）A.超文本標(biāo)記選擇器

B.類選擇器

C.標(biāo)簽選擇器

D.ID選擇器三、判斷題（共5小題，每小題2分，共10分。在每小題對應(yīng)的括號內(nèi)填入判斷結(jié)果，用“√”表示正確，用“×”表示錯誤）1、<progress>是HTML5中新增的狀態(tài)交互元素，用來表示頁面中的某個任務(wù)完成的進(jìn)度。（√）2、在CSS中，border:1px

2px

3px

4px表示設(shè)置某個HTML元素的上邊框為1px、右邊框為2px、左邊框為3px、下邊框為4px。（×）3、在css3代碼transform:rotate(30deg)是逆時針旋轉(zhuǎn)30度（×）4、下面的javascript代碼的執(zhí)行<scripttype="text/javascript">varx=45；if(x>=60){document.writeln("要下雨了")；}elseif(x>=50){document.writeln("天很陰")；}elseif(x>=30){document.writeln("很舒適")；}elseif(x>=00){document.writeln("很干燥")；}<script>是很干燥（×）5、在jquery中onclick()方法是用來做點擊事件的（×）模擬卷8一、單選題（每小題2分，共30小題，共60分）1、在Bootstrap框架中，表單元素<input>要加上下列哪個類，才能給表單元素<input>添加圓角屬性和陰影效果（）。A、.form-group B、.form-horizontal C、.form-inline D、.form-control2、Bootstrap框架中的.img-responsive類可以讓圖片支持響應(yīng)式布局，它的實現(xiàn)原理是（）。A、設(shè)置max-width:100%;和height:auto;B、設(shè)置max-width:100%;和height:100%;C、設(shè)置width:auto;和max-height:100%;D、設(shè)置width:auto;和height:auto;3、在移動端使用Bootstrap時，導(dǎo)航條在屏幕顯示時會被折疊，實現(xiàn)顯示和折疊功能的按鈕需要如何處理（）。A、折疊按鈕設(shè)置data-toggle=’collapsed’，折疊容器需要添加collapsed類B、折疊按鈕設(shè)置data-toggle=’collapse’，折疊容器需要添加collapse類C、折疊按鈕設(shè)置data-toggle=’scroll’，折疊容器需要添加collapse類D、折疊按鈕設(shè)置data-spy=’scroll’，折疊容器需要添加collapse類4、在Bootstrap中實現(xiàn).nav的內(nèi)容按比例填充所有可用空間，應(yīng)該加哪個類（）。A、.nav-center B、.nav-fill C、.nav-left D、.nav-right5、在Bootstrap中，使用tab標(biāo)簽頁插件，要顯示的內(nèi)容要放在下方哪個容器里面（）。A、.content B、.tab-group C、.tab-body D、.tab-content6、以下哪個標(biāo)簽不是HTML5的語義化標(biāo)簽（）。A、<header></header> B、<section></section>C、<marquee></marquee> D、<article></article>7、在使用css3盒模型時，box-sizing屬性設(shè)置為（），元素的寬度只是該元素內(nèi)容的寬度，而不包括邊框和內(nèi)邊距的寬度。A、content-box B、border-box C、text-box D、none8、實現(xiàn)一個css3線性漸變效果，漸變的方向是從右上角到左下角，起點顏色是從白色到黑色，以下寫法正確的是（）。A、background:linear-gradient(225deg,rgba(0,0,0,1),rgba(255,255,255,1));B、background:linear-gradient(-135deg,hsla(120,100%,0%,1),hsla(240,100%,100%,1));C、background:linear-gradient(totopleft,white,black);D、background:linear-gradient(tobottomleft,white,black);9、使用css3過渡效果“transition:

width

.5s

ease-in

.1s;”，其中“.5s”

對應(yīng)的屬性是（）。A、transition-property：對象中的參與過渡的屬性B、transition-duration：對象過渡的持續(xù)時間C、transition-timing-function：對象中過渡的動畫類型D、transition-delay：對象延遲過渡的時間10、使用SQL語句創(chuàng)建數(shù)據(jù)庫，數(shù)據(jù)庫名為mytest，下列SQL語句寫法是正確的是（）。A、createmytest B、createtablemytestC、databasemytest D、createdatabasemytest11、下列哪項為查找結(jié)果按照學(xué)號降序排列（）。A、ORDERBYDESCStuNum B、ORDERBYStuNumDESCC、ORDERBYStuNumASC D、ORDERBYASCStuNum12、在視圖上不能完成的操作是（）。A、查詢 B、在視圖上定義新的視圖 C、更新視圖 D、在視圖上定義新的表13、用于將事務(wù)處理寫到數(shù)據(jù)庫的命令是（）。A、insert B、rollback C、commit D、savepoint14、關(guān)于PHP，下列說法錯誤的是（）。A、開發(fā)PHP網(wǎng)頁所使用的腳本語言是PHPB、網(wǎng)頁中的PHP代碼同html標(biāo)記符一樣，必須用分隔符”<”和”>”將其括起來C、PHP網(wǎng)頁，運行時在客戶端可查看到真實的PHP源代碼D、PHP和html可混合編程15、以下PHP變量名不正確的是（）。A、$_beijing B、$_Beijing C、$9Beijing D、$Beijing16、array_push()的作用是（）。A、將數(shù)組的第一個元素彈出 B、將數(shù)組的最后一個元素彈出C、將一個或多個元素壓入數(shù)組的末尾 D、將一個或多個元素插入數(shù)組的開頭17、以下關(guān)于繼承的說法錯誤的是（）。A、一個類可以在聲明中用extends關(guān)鍵字繼承另一個類的方法和屬性B、如果父類中的方法被聲明為final，則子類無法覆蓋該方法C、PHP可以多重繼承，一個類可以繼承多個父類D、屬性不能被定義為final，只有類和方法才能被定義為final18、執(zhí)行以下代碼，輸出結(jié)果是（）。<?PHPclassa{function__construct(){echo"echoclassasomething";}}classbextendsa{function__construct(){echo"echoclassbsomething";}}$a=newb();?>A、echoclassasomethingechoclassbsomethingB、echoclassbsomethingechoclassasomethingC、echoclassasomethingD、echoclassbsomething19、下面有關(guān)PHP中require()和include()的描述，說法錯誤的是（）。A、require函數(shù)通常放在PHP程序的最前面B、include函數(shù)一般是放在流程控制的處理部分中C、require_once語句和require語句完全相同，唯一區(qū)別是PHP會檢查該文件是否已經(jīng)被包含過，如果是則不會再次包含D、require在引入不存文件時產(chǎn)生一個警告且腳本還會繼續(xù)執(zhí)行，而include則會導(dǎo)致一個致命性錯誤且腳本停止執(zhí)行20、PHP用于存儲用戶會話信息的超級全局變量是（）。A、$_GET B、$_POST C、$_FILES D、$_SESSION21、在PHP中用于存儲cookie數(shù)據(jù)的超級全局變量是（）。A、$_COOKIES B、$_GETCOOKIESC、$_GETCOOKIE D、$_COOKIE22、以下PHP代碼，用來查詢mysql數(shù)據(jù)庫中的User表，若能正常連接數(shù)據(jù)庫，則以下選項中能正確執(zhí)行$sql的查詢語句的是（）。<?php……$conn=newmysqli($servername,$username,$password,$dbname);$sql="select*fromUser";（）;A、mysqli_query($conn,$sql); B、$conn->execute($sql);C、$conn->query($sql); D、query($sql);23、使用composer下載laravel時，若不指定下載版本，默認(rèn)下載哪個版本的laravel（）。A、最新版本 B、穩(wěn)定版本 C、某一固定版本 D、無法下載24、laravel中控制器所在文件路徑是（）。A、app/Http/Controller B、routes/Http/ControllerC、app/Controller D、app/Http25、laravel的Blade模板中指定繼承母模板的關(guān)鍵字是（）。A、@section B、@extends C、@include D、@yield26、以下laravel代碼中$fillable作用是（）。classUserextendsModel{//定義模型關(guān)聯(lián)的數(shù)據(jù)表(一個模型只操作一個表)protected$table='user';protected$fillable=['user_account','user_password','email','create_time','del'];}A、設(shè)置允許寫入的數(shù)據(jù)字段 B、設(shè)置不允許寫入的數(shù)據(jù)字段C、設(shè)置允許讀取的數(shù)據(jù)字段 D、設(shè)置不允許讀取的數(shù)據(jù)字段27、下面選項中，創(chuàng)建XMLHttpRequest對象的語法正確的是（）。A、xmlhttp=newXMLHttpRequest();B、xmlhttp=newActiveXObject(""Microsoft.XMLHTTP"");C、xmlhttp=newXMLHttpRequest(""Microsoft.XMLHTTP"");D、xmlhttp=newActiveXObject();28、使用jQuery發(fā)送AJAX請求，關(guān)于請求的類型說法正確的是（）。A、只能發(fā)送GET類型請求 B、只能發(fā)送POST類型請求C、可以發(fā)送PUT類型請求D、可以發(fā)送GET或者POST類型請求29、瀏覽器客戶端向服務(wù)器發(fā)送AJAX請求，服務(wù)器接收請求，處理完畢后，返回數(shù)據(jù)為“處理成功”，AJAX獲取到服務(wù)器返回的數(shù)據(jù)時，以下關(guān)于AJAX響應(yīng)屬性正確的是（）。A、status=403 B、readyState=4 C、status=404 D、readyState=330、下面選項中，將字符串""{""姓名"":""張三"",""性別"":""男""}""解析成JSON對象，寫法正確的是（）。A、JSON.parses(""{""姓名"":""張三"",""性別"":""男""}"");B、JSON.stringify(""{""姓名"":""張三"",""性別"":""男""}"");C、JSON.parse(""{""姓名"":""張三"",""性別"":""男""}"");D、JSON.string(""{""姓名"":""張三"",""性別"":""男""}"");"二、多選題（每小題2分，共15小題，共30分）1、在Bootstrap柵格系統(tǒng)中，適應(yīng)移動端超小設(shè)備(<576px)和移動端平板設(shè)備(<768px)，使用的類前綴是（）。A、.col-md- B、.col-lg- C、.col- D、.col-sm-2、下列關(guān)于Bootstrap柵格系統(tǒng)說法正確的是（）。A、柵格系統(tǒng)每一行不能少于12列B、通過“行(row)”在水平方向創(chuàng)建一組“列(column)”C、“行(row)”必須包含在.container（固定寬度）或.container-fluid(100%寬度)中，以便為其賦予合適的排列（aligment）和內(nèi)補(padding)D、如果一“行(row)”中包含了的“列(column)”大于12，多余的“列(column)”所在的元素將被作為一個整體另起一行排列3、在HTML5中，用于播放視頻與音頻文件的元素是（）。A、<video>元素 B、<audio>元素 C、<music>元素 D、<move>元素4、為了適應(yīng)移動設(shè)備，html頁面可以用meta標(biāo)簽對viewport進(jìn)行控制，meta標(biāo)簽內(nèi)可以控制下面哪些屬性（）。A、initial-scale B、user-scalable C、max-width D、min-width5、在css3單位中，哪些相對font-size屬性來計算（）。A、vh B、em C、vw D、rem6、若用如下的SQL語句創(chuàng)建了一個SC表：CREATETABLESC(S#CHAR(6)NOTNULL，C#CHAR(3)NOTNULL，SCOREINTEGER，NOTECHAR(20))向SC表插入如下數(shù)據(jù)時，哪些數(shù)據(jù)可以被成功插入（）。A、('201009'，'111'，60，'必修') B、('200823'，'101'，NULL，NULL)C、(NULL，'103'，80，'選修') D、('201132'，NULL，86，'101')7、MySQL數(shù)據(jù)庫中，創(chuàng)建唯一索引的方式有（）。A、Createindex B、CreatetableC、創(chuàng)建表時設(shè)置主鍵約束 D、創(chuàng)建表時設(shè)置唯一約束8、XAMPP套件中包括哪些內(nèi)容（）。A、PHP B、Apache C、MySQL D、Chrome9、PHP支持的復(fù)合數(shù)據(jù)類型是（）。A、Boolean布爾類型 B、Array數(shù)組C、Resource資源類型 D、Object對象10、在PHP中，以下哪些是不等運算符（）。A、≠ B、!= C、<> D、><11、PHP中可以實現(xiàn)循環(huán)的是（）。A、for B、break C、while D、waiting12、在PHP類定義中，對屬性或方法的訪問控制，是通過在前面添加關(guān)鍵字來實現(xiàn)的，以下屬于訪問控制關(guān)鍵字的選項是（）。A、public B、private C、protected D、default13、以下Laravel路由配置代碼，若相關(guān)的控制類以及方法，模板文件都存在，正確的是（）。A、Route::post(“/login”,“UserController@login”);B、Route::get(“/index”,function(){returnview(“index”);});C、Route::match([“get”,“post”],“/reg”,“UserController@regist”);D、Route::any([“get”,“post”],“/user/{id}”,function($id){return“user”.$id;});14、使用RESTfulAPI規(guī)范設(shè)計用戶管理模塊接口，設(shè)計新增用戶接口和查詢用戶接口時，分別選用動詞為（）。A、POST B、PUT C、GET D、DELETE15、在商品管理系統(tǒng)中，使用jQueryajax發(fā)送請求，實現(xiàn)查詢所有商品信息并顯示至界面，最少需要在jQueryajax中設(shè)置哪些屬性（）。A、url B、type C、data D、success三、判斷題（每小題2分，共5小題，共10分。在每小題后對應(yīng)括號內(nèi)填入判斷結(jié)果，正確的選項填寫“√”，錯誤的選項填寫“×”）1、Bootstrap插件全部依賴jQuery（）。2、某元素hidden屬性為true時，元素屬于不可見狀態(tài)，元素內(nèi)的內(nèi)容也不會被瀏覽器創(chuàng)建（）。3、盒陰影box-shadow中“陰影模糊值”可以為負(fù)數(shù)（）。4、MySQL可使用source命令導(dǎo)入本地sql腳本文件（）。5、PHP可以使用“scanf”來打印輸出結(jié)果（）。模擬卷9試題一（20分）閱讀下列說明、效果圖和HTML代碼，進(jìn)行靜態(tài)網(wǎng)頁開發(fā)，填寫（1）至（10）代碼。【說明】在當(dāng)今互聯(lián)網(wǎng)技術(shù)高速發(fā)展的時代，搜索引擎是用戶使用率最高的網(wǎng)絡(luò)服務(wù)工具之一。本項目為“搜索引擎”網(wǎng)站。項目名稱為Search，包括搜索主頁面index.html、第一個標(biāo)簽頁tab1.html、第二個標(biāo)簽頁tab2.html和img文件夾，其中，img文件夾包括圖片logo.png。頁面布局和內(nèi)容為：（1）index.html為搜索主頁，分為三部分，自上而下依次是：搜索框、分類標(biāo)簽和搜索結(jié)果。其中，搜索結(jié)果使用iframe標(biāo)簽定義，顯示tab1.html或tab2.html。（2）tab1.html為搜索結(jié)果頁，是“標(biāo)簽頁1-網(wǎng)頁”的搜索結(jié)果，第一部分是搜索結(jié)果列表，第二部分是分頁頁碼。其中，使用2個table進(jìn)行布局。（3）tab2.html為搜索結(jié)果頁，是“標(biāo)簽頁2-資訊”的搜索結(jié)果，第一部分是搜索結(jié)果列表，第二部分是分頁頁碼。其中，使用1個table進(jìn)行布局。選擇不同的類別標(biāo)簽，會顯示該類別下的搜索結(jié)果。【效果圖】（1）打開index.html效果如圖1所示。圖1-1（2）點擊“標(biāo)簽頁2-資訊”，搜索結(jié)果顯示為tab2.html，效果如圖2所示。圖1-2【代碼：搜索主頁index.html】<!（1）html><!--文檔聲明--><html> <head> <metacontent="text/html;"（2）="utf-8"><!--文檔字符編碼為utf-8-->S <title>搜索</title><!--設(shè)置文檔標(biāo)題為“搜索”--> <style> .search_val{width:400px;margin-bottom:20px;}/*設(shè)置搜索框為400px，底部外邊距為20px*/ a{margin-right:20px}/*設(shè)置a鏈接的右邊距為20px*/ </style> </head> <body> <form（3）="index.html"method="get"> <inputtype="text"class="search_val"> <inputtype="（4）"value="搜索"/><!--提交按鈕--> </form> <table><!--在iframe框架中打開被鏈接文檔tab1.html或tab2.html--> <tr><td><ahref="tab1.html"（5）>標(biāo)簽頁1-網(wǎng)頁</a></td> <td><ahref="tab2.html"（5）>標(biāo)簽頁2-資訊</a></td></tr> </table> <hr/> <!--tab1.html顯示在iframe中--> <iframename="main"id="main"（6）width="500px"height="280px" frameborder="0"></iframe> </body></html>【代碼：第一個標(biāo)簽頁tab1.html】<!DOCTYPEhtml><html> <head> <metacontent="text/html;"charset="utf-8"> <title>搜索</title> <style> body{font-size:13px;}/*設(shè)置頁面字體大小為13px*/ p{width:380px;}/*設(shè)置p元素的寬度為380px*/ p,h3{margin:0;padding:0;}/*設(shè)置內(nèi)邊距和外邊距均為0*/ .noPic{width:460px;}/*設(shè)置類名為noPic的元素的寬度為460px*/ img{padding:10px;}/*設(shè)置圖片的內(nèi)邊距為10px*/ </style> </head> <body> <tableborder="0"width="290px"><!--設(shè)置無邊框表格--> <tr><td> <table> <tr><td（7）><!--合并兩列--> （8）<!--設(shè)置標(biāo)題“HTML”為三號標(biāo)題--> </td></tr> <tr><tdrowspan="2"> <!--插入img文件夾下的logo.png圖片--> <img（9）width="40px"></td> <td><p>超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用。“超文本”就是指頁面內(nèi)可以包含圖片、鏈接等...</p> </td></tr> <tr><td><ahref="#">http://HTML.com</a></td></tr> </table> </td></tr> <tr><tdcolspan="2"> <h3>HTMLStandard</h3> <pclass="noPic">1.2IsthisHTML5?Thissectionisnon-normative.Inshort:Yes.Inmorelength:theterm"HTML5"iswidelyusedasabuzzwordtorefer...</p> <ahref="#">http://HTMLS</a> </td></tr> </table> <ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a> </body></html>【代碼：第二個標(biāo)簽頁tab2.html】<!DOCTYPEhtml><html> <head> <metacontent="text/html;"charset="utf-8"> <title>搜索</title> <style> body{font-size:13px;}/*設(shè)置頁面字體大小為13px*/ td{padding:10px;}/*設(shè)置td單元格的內(nèi)邊距為10px*/ p{width:450px;}/*設(shè)置p元素的寬度為450px*/ p,h3{（10）}/*設(shè)置內(nèi)邊距和外邊距均為0*/ </style> </head> <body> <tableborder="0"width="290px"> <tr><td><h3>實現(xiàn)實時Html編輯器</h3><p>給大家介紹一種很簡單的無限制在線Html編輯器,實現(xiàn)所寫即所得UI和樣式實時刷新,JS代碼也能進(jìn)行熱加載執(zhí)行重新渲染,而且這些實現(xiàn)都非常簡單...</p><ahref="#">http://HTML.com</a></td></tr> <tr><td><h3>html中q標(biāo)簽(短的引用)的詳細(xì)介紹</h3><p>本篇將介紹html中q標(biāo)簽(短的引用)的詳細(xì)用法,有興趣的朋友可以了解一下!學(xué)習(xí)html其實就是學(xué)習(xí)標(biāo)簽的用法,今天小編要介紹的是...</p><ahref="#">http://HTMLS</a></td></tr> </table> <ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a> </body></html>【問題】（20分，每空2分）進(jìn)行靜態(tài)網(wǎng)頁開發(fā)，補全代碼，在（1）至（10）處填入正確的內(nèi)容。試題二（30分）閱讀下列說明、效果圖、HTML代碼和CSS代碼，開發(fā)網(wǎng)頁動態(tài)頁面樣式，填寫（1）至（15）代碼?！菊f明】這是“Web技術(shù)社區(qū)”網(wǎng)站，該網(wǎng)站致力于推廣和分享各種前端技術(shù)，如HTML、CSS、JavaScript和jQuery，現(xiàn)在我們需要編寫該網(wǎng)站首頁樣式。項目名稱為web_skill，包含首頁index.html、css文件夾和img文件夾，其中，css文件夾包含index.css文件，img文件夾包含html.png、css.png、js.png和jquery.png圖片。首頁（index.html）內(nèi)容分為兩部分，一是【網(wǎng)站介紹】，位于頁面上端，內(nèi)容為【歡迎語】和【網(wǎng)站內(nèi)容介紹】，以文字的形式展示；二是【技術(shù)介紹】，位于頁面下端，展示四項【技術(shù)】，每項都包括【技術(shù)logo】和【技術(shù)特點】，以圖片和列表的形式展示。對頁面樣式進(jìn)行設(shè)計，要求為：（1）頁面全局樣式：設(shè)置頁面全局屬性，頁面外邊距和內(nèi)邊距為“0”，字體為“宋體”，字體大小為“35px”。為頁面設(shè)置透明度動畫，在頁面加載時執(zhí)行，透明度從“0”到“1”，動畫持續(xù)時間為“1s”，動畫次數(shù)為“1”次。（2）【網(wǎng)站介紹】樣式：為頁面上端【網(wǎng)站介紹】部分添加背景顏色“#000000”，并設(shè)置寬度為“100%”、高度為“400px”、字體顏色為“#FFFFFF”。另外，為【歡迎語】和【網(wǎng)站內(nèi)容介紹】內(nèi)容設(shè)置“絕對布局”、距頂部邊緣“16%”、距左邊緣“16%”、寬度為“68%”、文本內(nèi)容“居中”。（3）【技術(shù)介紹】樣式：為頁面下端【技術(shù)介紹】設(shè)置“彈性布局”、文本內(nèi)容“居中”。另外，為【技術(shù)】設(shè)置寬度為“17%”、外邊距為“4%”；為【技術(shù)logo】設(shè)置高度為“200px”、寬度為“200px”、邊框顏色為“#000000”、邊框為“1px、實線”、邊框設(shè)置“20px圓角”；為【技術(shù)特點】中列表設(shè)置文本內(nèi)容“居左”。【效果圖】圖2-1【代碼：首頁index.html】<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>Web技術(shù)社區(qū)</title><linkrel="stylesheet"type="text/css"href="（1）"/></head><body> <divid="introduction"> <divid="content"> <h2>歡迎來到XX網(wǎng)</h2><br/> <p>本站包括了HTML、CSS、Javascript、jQuery等各種基礎(chǔ)編程教程。</p> <p>本站致力于推廣各種前端技術(shù)，所有資源...</p> </div> </div><br/><br/> <divid="（2）"><!--第一張圖片和列表--> <divclass="card"> <imgsrc="img/html.png"alt="這是第一張圖片"/><br/><br/> <ul> <li>HTML指的是超文本標(biāo)記語言</li> /*...省略其它li，參見【效果圖】內(nèi)容*/ </ul> </div><!--第二張圖片和列表--> <divclass="card"> <imgsrc="img/css.png"alt="這是第二張圖片"/><br/><br/> <ul> <li>CSS指層疊樣式表</li> /*...省略其它li，參見【效果圖】內(nèi)容*/ </ul> </div><!--第三張圖片和列表--> <divclass="card"> <imgsrc="img/js.png"alt="這是第三張圖片"/><br/><br/> <ul> <li>JavaScript是一種輕量級的編程語言</li>/*...省略其它li，參見【效果圖】內(nèi)容*/ </ul> </div><!--第四張圖片和列表--> <divclass="card"> <imgsrc="img/jquery.png"alt="這是第四張圖片"/><br/><br/> <ul> <li>jQuery是一個JavaScript函數(shù)庫</li>/*...省略其它li，參見【效果圖】內(nèi)容*/ </ul> </div> </div></body></html>【代碼：CSS文件index.css】（3）{margin:0;（4）;/*內(nèi)邊距*/（5）;/*字體*/font-size:35px;}body{ animation-name:fadeIn; （6）;animation-iteration-count:1;}（7）fadeIn{ from{opacity:0;} to{opacity:1;}}#introduction{（8）;/*背景顏色*/width:100%;height:400px;（9）;/*字體顏色*/}#content{（10）;/*絕對布局*/（11）;/*頂部邊距*/left:16%; width:68%; text-align:center;}#main{ （12）; text-align:center;}#mainimg{（13）;border-radius:20px; height:200px; width:200px;}.card{ width:17%; margin:4%;}（14）{/*列表樣式，以class加子元素選擇器的方式填寫*/ （15）;}【問題】（30分，每空2分）開發(fā)網(wǎng)頁動態(tài)頁面樣式，補全代碼，在（1）至（15）處填入正確的內(nèi)容。試題三（30分）閱讀下列說明、效果圖和HTML代碼，進(jìn)行網(wǎng)頁編程，回答問題1至問題5。【說明】隨著個性化服務(wù)發(fā)展，學(xué)校、街邊、社區(qū)等都流行將水果等商品洗凈、切好，并裝盒，按份出售。現(xiàn)開發(fā)一個“社區(qū)便利店收銀系統(tǒng)”，店中每天提供固定種類的水果，裝盒后，標(biāo)記每一份價格，按份進(jìn)行銷售。在系統(tǒng)中，打開收銀網(wǎng)頁（casher.html），點擊“+”添加銷售水果，點擊“結(jié)賬”進(jìn)行購買水果結(jié)算，點擊“完成交易”進(jìn)行下一個新用戶購買。項目名稱為casher，包含收銀網(wǎng)頁casher.html和js文件夾，其中，js文件夾包含jquery-3.3.1.min.js文件。收銀網(wǎng)頁分為三個區(qū)域：上端內(nèi)容為“標(biāo)題”和一個不可編輯的“文本框”，“文本框”用來顯示結(jié)賬金額；中間內(nèi)容為水果商品表格，在表格每一行中，點擊一次“+”按鈕，則添加一份，點擊多次，則添加多份；下端內(nèi)容為“結(jié)帳”和“完成交易”按鈕?！拘Ч麍D】（1）收銀網(wǎng)頁casher.html效果如圖3-1所示。圖3-1初始化狀態(tài)（2）在表格每一行中，點擊水果名稱后的“+”按鈕，則將該水果的價格顯示到上方的“文本框”中。若購買多份水果時，每份水果的價格之間使用“+”連接，如圖3-2所示。圖3-2添加水果（3）點擊“結(jié)帳”按鈕，將“文本框”中價格進(jìn)行計算，設(shè)置“文本框”顯示內(nèi)容為“總金額:xxx”；將“結(jié)帳”按鈕設(shè)置為“禁用”；使用jQuery動畫，將中間的表格透明度設(shè)為“0.3”，動畫持續(xù)時間為“1s”。如圖3-3所示。圖3-3結(jié)帳（4）點擊“交易完成”按鈕，重新加載網(wǎng)頁，恢復(fù)到網(wǎng)頁的初始狀態(tài)。【代碼：收銀網(wǎng)頁casher.html】<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><scripttype="text/javascript"src="js/jquery-3.3.1.min.js"></script><title>社區(qū)便利店收銀系統(tǒng)</title><style>body{ text-align:center; font-size:13px; } table{ margin:10pxauto; } #result{ width:245px; height:40px; }</style></head><body><h2>社區(qū)便利店收銀系統(tǒng)</h2><inputtype="text"value=""id="result"disabled="disabled"/><tableborder="1"width="250px"><tr><th>名稱</td><th>價格</td><th>添加</td></tr><tr><td>山東蘋果</td><td>￥13.5/份</td><td><inputtype="button"value="+"onclick="addClick(13.5)"/></td></tr><tr><td>新奇士橙</td><td>￥12.5/份</td><td><inputtype="button"value="+"onclick="addClick(12.5)"/></td></tr><tr><td>麒麟瓜</td><td>￥3.0/份</td><td><inputtype="button"value="+"onclick="addClick(3.0)"/></td></tr><tr><td>國產(chǎn)紅提</td><td>￥10.5/份</td><td><inputtype="button"value="+"onclick="addClick(10.5)"/></td></tr><tr><td>進(jìn)口香蕉</td><td>￥4.5/份</td><td><inputtype="button"value="+"onclick="addClick(4.5)"/></td></tr></table><inputclass="btn"type="button"value="結(jié)帳"id="btn_checkout"onclick="checkoutClick()"/>   <inputclass="btn"type="button"value="交易完成"onclick="reloadClick()"/><script>/*功能：使用Javascript編寫代碼，點擊“+”按鈕觸發(fā)，修改“文本框”值為購買的水果價格，多次點擊，以“+”連接各價格參數(shù)：price為添加水果的價格返回：無編寫代碼提示：（1）獲得“文本框result”值（2）判斷“文本框result”值是否為””：（3）若為””，則將當(dāng)前price賦值給“文本框”（4）若不為""，則先在“文本框”已有值后添加一個“+”，再添加此次價格price*/functionaddClick(price){//編寫代碼}/*功能：使用Javascript編寫代碼，點擊“結(jié)賬”按鈕觸發(fā)，計算所購水果的總金額，并將結(jié)果顯示在“文本框”result上。參數(shù)：無返回：無編寫代碼提示：（1）獲得“文本框result”值（2）使用“+”分隔出“文本框result”值中每一個價格，存放到Array對象中（3）使用for循環(huán)遍歷數(shù)組對象，將每個價格相加得到總金額（4）設(shè)置“文本框result”值為“總金額:xxx”（5）調(diào)用disabledBtn()函數(shù)禁用“結(jié)帳”按鈕（6）調(diào)用transparency()函數(shù)設(shè)置水果商品表格的透明度*/functioncheckoutClick(){//編寫代碼}/*功能：使用jQuery庫編寫代碼，將“結(jié)帳”按鈕設(shè)為禁用參數(shù)：無返回：無*/functiondisabledBtn(){//編寫代碼}/*功能：使用jQuery庫編寫代碼，將水果商品表格透明度設(shè)為0.3，動畫持續(xù)時間為1s參數(shù)：無返回：無編寫代碼提示：使用jQuery的動畫函數(shù)實現(xiàn)。*/functiontransparency(){//編寫代碼}/*功能：點擊“交易完成”按鈕觸發(fā)，重新加載當(dāng)前頁面，初始頁面狀態(tài)參數(shù)：無返回：無*/functionreloadClick(){//編寫代碼}</script></body></html>【問題1】（7分）使用JavaScript編寫addClick()函數(shù)，并調(diào)試運行，滿足功能要求?！締栴}2】（10分）使用JavaScript編寫checkoutClick()函數(shù)，并調(diào)試運行，滿足功能要求。【問題3】（5分）使用jQuery編寫disabledBtn()函數(shù)，并調(diào)試運行，滿足功能要求。【問題4】（5分）使用jQuery編寫transparency()函數(shù)，并調(diào)試運行，滿足功能要求?！締栴}5】（3分）編寫reloadClick()函數(shù)，并調(diào)試運行，滿足功能要求。試題四（20分）閱讀下列說明、效果圖和HTML代碼，進(jìn)行移動端靜態(tài)網(wǎng)站案例分析，回答問題1至問題3?！菊f明】某公司開發(fā)了一款移動端“智慧物業(yè)”網(wǎng)站，為業(yè)主和物業(yè)搭建便捷平臺。對業(yè)主方而言，可以查閱相關(guān)社區(qū)基本信息、物業(yè)服務(wù)、在線繳費和報事報修等；對物業(yè)方而言，可以加強與物業(yè)之間的交流，收集業(yè)主的意見和建議，在線進(jìn)行溝通和處理相關(guān)物業(yè)事宜等。現(xiàn)在我們需要設(shè)計和編寫“智慧物業(yè)”網(wǎng)站中的“首頁”和“報事報修”頁面。項目名稱為IComMobile，包括首頁index.html、報事報修r(nóng)epair.html、img文件夾和font文件夾，其中，img文件夾包含頁面所需圖片資源，font文件夾包含自定義字體。（1）首頁（index.html）：內(nèi)容分為四個部分，一是【標(biāo)題欄】，位于頁面上端，內(nèi)容為社區(qū)名稱，以文字的形式展示；二是【輪播圖】，位于【標(biāo)題欄】下方，內(nèi)容為主題圖片，以圖片展示；三是【功能列表】，位于【輪播圖】下方，內(nèi)容包括社區(qū)中心、報事報修、物管窗口、物業(yè)交費四個功能，以圖片按鈕的形式展示；四是【底部導(dǎo)航欄】，位于頁面最下端，內(nèi)容為導(dǎo)航按鈕，每個導(dǎo)航按鈕以圖標(biāo)和文字展示。（2）報事報修頁面（repair.html）：內(nèi)容為一個表單，內(nèi)容包含“地址”、“聯(lián)系人”、“聯(lián)系電話”、“預(yù)約時間”、“報修詳情”五個表單項，每一項必填，以及“保存”按鈕和“放棄”按鈕，業(yè)主在首頁上點擊“報事報修”進(jìn)入該頁面，填寫相關(guān)表單信息，點擊“保存”按鈕提交表單，點擊“放棄”按鈕則放棄提交當(dāng)前表單內(nèi)容?！拘Ч麍D】首頁效果如圖4-1，事報修效果如圖4-2，在首頁點擊“報事報修”進(jìn)入圖4-2頁面。圖4-1圖4-2圖4-1圖4-2【代碼：首頁index.html】<!DOCTYPEhtml><html> <head> <metacharset="utf-8"><!--viewport是網(wǎng)頁的可視區(qū)域--> <metaname="viewport"content="width=device-width,initial-scale=1.0"/> <title>首頁</title> <styletype="text/css"> *{margin:0;padding:0;} ul,li{list-style:none;} @font-face{font-family:myFont;/*自定義字體名*/ src:url('font/STFANGSO.TTF')/*自定義字體路徑*/} header{font-family:myFont;/*使用自定義字體*/font-size:25px;text-align:center;} sectionul,footerul{display:flex;flex-wrap:(1);/*彈性布局*/} sectionulli{ (2):5px;/*圓角邊框*/ (3):#FFFFFF;/*背景顏色*/}footer{position:fixed;bottom:0;width:100%;border-top:1px#eeesolid;} footerulli{flex:1;text-align:center;padding-top:5px;}footerullia{display:block;font-size:14px;color:black;}/*第一個li字體加粗*/ footerulli:(4){font-weight:bold;} a{text-decoration:none;} sectiondiv{ text-align:center; margin:10px0; font-size:14px; } sectiondivspan{margin-right:25px;} #slider{text-align:center;} .list_group{justify-content:center;} </style> </head> <body> <header>美好生活小區(qū)</header> <sectionid="slider"><imgsrc="img/banner.jpg"/></section> <section> <div><span>物業(yè)公告：</span><span>感恩回饋預(yù)存有禮</span></div> <ulclass="list_group"> <li><ahref="#"><imgsrc="img/f1.jpg"/></a></li> <li><ahref="repair.html"><imgsrc="img/f2.jpg"/></a></li> <li><ahref="#"><imgsrc="img/f3.jpg"/></a></li> <li><ahref="#"><imgsrc="img/f4.jpg"/></a></li> </ul> </section> <footer> <ul> <li><imgsrc="img/nav1.jpg"><ahref="index.html">首頁</a></li> <li><imgsrc="img/nav2.jpg"><ahref="#">客服</a></li> <li><imgsrc="img/nav3.jpg"><ahref="#">我的</a></li> </ul> </footer> </body></html>【代碼：報事報修頁面repair.html】<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,minimum-scale=1.0"/> <title>報事報修</title> <styletype="text/css"> body{margin:0;padding:0;} h3{margin:0;padding:5px;} header{background:#767676;color:white;} .adddiv{padding:4%;} .addlabel{width:30%;display:inline-block;} textarea{width:90%;} div:after{content:"*";} input[type="submit"],input[type="button"]{ width:20%; height:30px; margin:4%0020%; } </style> </head> <body> <header><h3>報事報修</h3></header> <articleclass="add"> <formaction="#"method="get"> <div><label>地址：</label> <inputid="address"type="text"required="required"/></di