第頁web練習卷附答案1.【單選】下列定義的css中，哪個權重是最低的？（）A、B、C、D、【正確答案】：A2.【單選】vara=1,b=2,c=3;varfn1=function(a,b,c){returna+b*c;}fn1(c,a,b);求返回值：A、1B、5C、7D、9【正確答案】：B3.【單選】在a標簽中，跳轉地址應該寫在哪個屬性里面：A、srcB、targetC、hrefD、address【正確答案】：C4.【單選】BOM是瀏覽器對象模型（BrowserObjectModel），它是Web中使用JavaScript的核心，以下哪個對象不包含（）？A、windowB、screenC、navigatorD、log【正確答案】：D5.【單選】兩個div元素在文檔流中依次排列（分別為div1、div2），對其添加屬性float:left;后，下列說法最準確的是（）A、在瀏覽器寬度足夠的情況下，div1與div2在同一行B、div2元素會在div1元素的左邊C、float屬性無法讓div元素脫離文檔流D、div2元素在div1元素的下一行【正確答案】：A6.【單選】要在表單中創建一個多行文本輸入框，初始值為：這是一個多行文本框。下面語句正確的是（）語句一：《textareaname=”text1”value=”這是一個多行文本框”》《/textarea》語句二：《inputtype=”text”value=”這是一個多行文本框”name=”text1”/》語句三：《inputtype=”textarea”value=”這是一個多行文本框”name=”text1”/》語句四：《textareaname=”text1”cols=”20”rows=”5”》這是一個多行文本框《/textarea》A、語句一B、語句四C、語句三D、語句二【正確答案】：B7.【單選】如何獲取當前頁面的完整URL（）？A、location.hrefB、C、location.pathnameD、location.host【正確答案】：A8.【單選】在HTML中，以下關于position屬性的設定值描述錯誤的是（）A、static為默認值，沒有定位，元素按照標準流進行布局B、用來實現偏移量的left和right等屬性的值，可以為負數C、relative屬性值設置元素的相對定位，垂直方向的偏移量使用up或down屬性來指定D、absolute表示絕對定位，需要配合top、right、bottom、left屬性來實現元素的偏移【正確答案】：C9.【單選】jQuery中，屬于鼠標事件方法的選項是()A、mouseover(B、onmouseout(C、blur(D、onclick(【正確答案】：A10.【單選】下列JavaScript的循環語句中()是正確的A、if(i《10;i++)B、for(i=0;i《10)C、forD、for(i=0;i《=10;i++)【正確答案】：D11.【單選】當圖片無法載入的時候，應該用哪個屬性提示用戶該圖片原本應該顯示的信息：A、srcB、targetC、altD、width【正確答案】：C12.【單選】有以下代碼：《!DOCTYPEhtml》《html》《head》《metacharset="UTF-8"》《title》JavaScriptDemo《/title》《script》window.onload=function(){varele=document.getElementById('content');ele.innerHTML='CSS';}《/script》《/head》《body》《divid="content"》Java《/div》《script》varele=document.getElementById('content');ele.innerHTML='JavaScript';《/script》《/body》《/html》頁面最終顯示的內容是（）？A、JavaB、JavaScriptCSSD、JavaJavaScriptCSS【正確答案】：C13.【單選】關于HTML圖片標簽的常用屬性描述不正確的是（）A、srcB、valueC、altD、title【正確答案】：B14.【單選】以下說法正確的是：A、flex中沒有換行的概念B、任何容器都可以被指定為flex布局C、flex不是響應式布局D、flex是二維布局，分為主軸與交叉軸【正確答案】：B15.【單選】JavaScript中，想要打開一個名為:“personal”，地址為“/personal”的新窗口（選項中使用url代替），以下哪個選項正確（）？A、open.new("url",B、window.open("urlC、window.go("urlD、open.window("url【正確答案】：B16.【單選】以下代碼表示的是HTML鏈接的哪種分類（）《ahref=""》百度《/a》A、內部鏈接B、外部鏈接C、錨點鏈接D、下載鏈接【正確答案】：B17.【單選】在cxt.arc(100,100,100,0,Math.PI*2,true)Canvas繪制圓形的arc方法中，參數說明正確的是（）A、圓心X坐標，圓心Y坐標，圓半徑，開始角度，結束角度，逆時針繪圖B、圓半徑，圓心X坐標，圓心Y坐標，開始角度，結束角度，順時針繪圖C、圓心X坐標，圓心Y坐標，圓半徑，開始角度，結束角度，順時針繪圖D、圓心Y坐標，圓心X坐標，圓半徑，開始角度，結束角度，順時針繪圖【正確答案】：A18.【單選】在一般css中垂直居中是一件很難的事情，但是在flex卻很簡單，以下哪個方法可以讓flex項目中的內容垂直居中：A、align-items:flex-startB、align-items:flex-endC、align-items:centerD、align-items:stretch【正確答案】：C19.【單選】當使用多列布局的時候，我想把文本內容分割為3列，應該如何進行樣式書寫：A、column-span:3B、column-count:3C、column-width:30pxD、column-gap:30px【正確答案】：B20.【單選】onreadystatechange事件一共會被觸發幾次：A、4B、1C、3D、2【正確答案】：A21.如代碼所示，最后hello會是什么顏色（）1)在priority.css中代碼是p{color:yellow;}2)《!DOCTYPEhtml》《html》《head》《metacharset="UTF-8"》《title》css樣式的優先級《/title》《linkrel="stylesheet"type="text/css"href="css/priority.css"/》《styletype="text/css"》#p{color:blue;}《/style》《/head》《body》《pid="p"style="color:red;"》hello《/p》《/body》《/html》A、yellowB、blackC、redD、blue【正確答案】：C22.【單選】下列關于CSS3多列布局說法正確的是（）A、column-grapB、column-rule-colorC、column-rule-styleD、column-span用來定義一個元素要跨越多少行【正確答案】：C23.【單選】在jQuery中，如果想要停止個動畫，用()函數來實現。A、stop()B、forbidden()C、remov()D、hide()【正確答案】：A24.【單選】有一個元素，需要在pc端顯示而在手機端隱藏，需要使用bootstrap3的類是？（）A、visible-sm-8B、visible-md-8C、visible-xs-8D、visible-md-8【正確答案】：D25.【單選】在jQuery中，既可綁定兩個或多個事件處理器函數，以響應被選元素的輪流的click事件，又可以切換元素可見狀態的方法是()A、hover(B、toggle(C、hide(D、slideUp(【正確答案】：B26.【單選】設置css屬性float為什么值，可取消元素的浮動（）A、hiddenB、noneC、bothD、block【正確答案】：B27.【單選】varobj={fn1:function(){console.log(this);}}varfn=obj.fn1;fn();求此時this指向的是：A、objB、fnC、fn1D、window【正確答案】：D28.【單選】以下標簽表示的畫布的是（）A、《a》《/a》B、《p》《/p》C、《div》《/div》D、《svg》《/svg》【正確答案】：D29.【單選】在JavaScript中原始數據類型按照（）傳遞。A、引用B、指針C、值D、名稱【正確答案】：C30.【單選】Bootstrap3中，一個元素需要在打印時隱藏，使用的類是（）A、hidden-printB、visible-print-blockC、print-hiddenD、visible-print-inline【正確答案】：A31.【單選】關于函數，以下說法錯誤的是()A、函數不能有返回值B、函數類似于方法，是執行特定任務的語句塊C、可以直接使用函數名稱來調用函數D、函數可以提高代碼的重用率【正確答案】：A32.【單選】如果要讓單選框或復選框狀態為已選定，要設置以下哪個屬性（）A、selectedB、checkedC、enabledD、chosen【正確答案】：B33.【單選】CSS3中新出現的多列布局是傳統塊狀布局模式的有力擴充，使用column-fill屬性的意義是（）A、指定內容在列與列之間的填充方式B、指定列數C、指定列之間的距離D、指定元素橫向能跨多少列【正確答案】：A34.【單選】要運用CSS3動畫，你需要運用什么規則（）A、animationB、flashC、transitionD、keyframes【正確答案】：D35.【單選】為了刪除JavaScript中數組vararr=['張三','李四','王五'];中的‘李四’，下列操作正確的是A、arr.del('李四')B、arr.remove('李四')C、arr.delete('李四')D、arr.splice(1,1)【正確答案】：D36.【單選】在jQuery中，如果想要在一個指定元素后面添加內容content，下面哪個是實現該功能的（）A、appendTo(content)B、after(content)C、insertAfter(content)D、append(content）【正確答案】：B37.【單選】下面有關jquery事件的響應，描述錯誤的是（）A、onloadB、onclickC、onmousedownD、onfocus【正確答案】：D38.【單選】HTML結構標簽中《html》表示的含義為（）A、頁面的標題B、頁面的注釋C、頁面的頭部D、整個HTML文檔【正確答案】：D39.【單選】HTML基本結構由（）組成A、head標簽，body標簽B、html標簽，head標簽，body標簽C、title標簽和html標簽D、html標簽，head標簽【正確答案】：B40.【單選】以下不是CSS選擇器的是（）A、ID選擇器B、標簽選擇器C、類別選擇器D、段落選擇器【正確答案】：D41.【單選】要使單選框或復選框默認為已選定，要在input標簽中加（）屬性A、selectedB、typeC、disabledD、checked【正確答案】：D42.【單選】Boolean類型是JavaScript中使用得最多的一種類型，該類型只有兩個字面值：true和false。在JavaScript中所有類型的值都能使用if語句或Boolean()函數轉換為對應的Boolean值，例如：varmessage="Helloworld!";if(message){console.log("Valueistrue.");//被執行}請問下面哪個選項中的值（或對象）轉換成Boolean值后全部為false？A、undefined、B、nullC、“0”、D、NaN、【正確答案】：B43.【單選】下面關于CSS布局的描述，不正確的是（）A、塊級元素實際占用的寬度與它的width屬性有關B、塊級元素實際占用的寬度與它的background屬性有關C、塊級元素實際占用的寬度與它的border屬性D、塊級元素實際占用的寬度與它的padding屬性有關【正確答案】：B44.【單選】關于哪項不屬于CSS盒模的屬性（）A、paddingB、widthC、lengthD、margin【正確答案】：C45.【單選】CSS3中flex-direction屬性的默認值是（）A、rowB、initialC、noneD、colum【正確答案】：A46.【單選】下列關于JavaScript的理解正確的是（）A、JavaScript一般用在網頁開發中，用來實現用戶交互等功能B、JavaScript可用來開發C、JavaScript是Java的擴展，大部分語法都非常相像D、如要要運行JavaScript，必須要配置【正確答案】：A47.【單選】下列關于CSS3字體規則說法正確的是（）A、使用自定義的字體要使用font-styleB、需要使用@font-face先定義規則C、必須用戶電腦上有相關字體D、使用自定義的字體要使用font-select【正確答案】：B48.【單選】vara='hello';varobj={'hello':1,'world':2}以上代碼中，如何通過變量進行對象屬性的獲取：A、obj.aB、obj[a]C、obj.helloD、obj[hello]【正確答案】：B49.【單選】在JQuery中，下面使用動畫方法正確的是哪個（）A、$(“div”).animate({top:40px})；B、$(“div”).animate({left:200})；C、$(“div”).animate(left:50px)；D、$(“div”).animate(top:200)；【正確答案】：B50.【單選】選擇p元素中帶有myclass類的元素：A、myclass》pB、p.myclassC、p》.myclassD、p【正確答案】：B51.【單選】以下關于CSS3的動畫說法錯誤的是（）A、CSS3的動畫通過@animation來預先定義B、CSS3的動畫都是幀動畫CSS3的動畫是可以有交互D、CSS3的動畫類型有三種【正確答案】：A52.【單選】HTML5新增一種非常重要的功能是可以在客戶端本地存數據的WebStorage功能。下列哪項是持久化本地存儲，類似Cookie，但沒有有效期，除非主動刪除數據。A、SessionStorageB、WebSQLC、localStorageD、session【正確答案】：C53.【單選】有以下JavaScript代碼，結果是（）varnum=10;functioncount(num){num*=3;}count(1);console.log(num);A、報錯B、30C、10D、3【正確答案】：C54.【單選】以下哪個標簽可以引入外部樣式表：A、《style》B、《link》C、《meta》D、《script》【正確答案】：B55.【單選】哪一個循環語句可以使得代碼至少執行一次：A、forB、whileC、do-whileD、if【正確答案】：C56.【單選】下列關于CSS3的圓角邊框的說法中，錯誤的是（）A、border-radiusB、如果border-radius只有一個值，代表水平和垂直的半徑都相等C、border-radiusD、border-radius后面四個值，分別對應左上、左下、右下、右上的設置【正確答案】：D57.【單選】有一個id為demo的div元素，下列哪一個是id選擇器的正確寫法（）A、B、demo{}C、div{}D、【正確答案】：A58.【單選】利用事件流模型實現事件代理（如同時給無序列表ul中所有li元素綁定事件），需要使用下面哪個方法（）A、事件捕獲B、事件抓取C、事件冒泡D、事件傳遞【正確答案】：C59.【單選】下列關于HTML的語法特點描述不正確的是（）A、HTMLB、HTMLC、有些標簽只有開始標簽，沒有結束標簽，稱為單標簽D、《meta》標簽是雙標簽【正確答案】：D60.【單選】HTML結構標簽中《title》表示的含義為（）A、整個HTML文檔B、頁面的注釋C、頁面的標題D、頁面的頭部【正確答案】：C61.【單選】如何讓a標簽在當前窗口打開鏈接：A、target=”_self”B、target=”_parent”C、target=”_blank”D、target=”_top”【正確答案】：A62.【單選】HTML中小于號（《）表示字符實體為（）A、&bg;B、&C、<D、 【正確答案】：C63.【單選】下列哪項描述是不正確的（）A、浮動的元素只有碰到了另一個浮動的元素才會停止B、多個盒子都浮動后，就產生了塊級元素水平排列的效果C、多個浮動元素不會相互覆蓋D、若包含的容器太窄，無法容納水平排列的多個浮動元素，那么最后的浮動盒子會向下移動【正確答案】：A64.【單選】跳出循環不在執行循環里面的代碼，我們應該用哪個關鍵字：A、continueB、breakC、gotoD、default【正確答案】：B65.【單選】當一個元素“magrin:20px;padding:20px;border:0px;width:20px;height:20px”求它具體占據的大小：A、40pxB、60pxC、80pxD、100px【正確答案】：D66.【單選】在HTML頁面中，下列選項除了（）都屬于鼠標相關事件。A、onClickB、onMouseOverC、onMouseDownD、onChange【正確答案】：D67.【單選】functionfun(n,o){console.log(o)return{fun:function(m){returnfun(m,n);}};}varb=fun(0).fun(1).fun(2).fun(3);請問以上代碼在控制臺中會打印出哪些值：A、undefined,0,0,0B、undefined,0,1,2C、undefined,1,2,3D、undefined,3,3,3【正確答案】：B68.【單選】在JQuery中，下面哪個方法可以實現兩秒時間讓一個div淡入到頁面中（）A、$(“div”).fadeTo(2000);B、$(“div”).fadeOut(2000);C、$(“div”).show(2000);D、$(“div”).fadeIn(2000);【正確答案】：D69.【單選】vara=1;switch(a){case0:b=0break;case1:b=1;case2:b=2;}以上代碼執行后，b的值為A、0B、2C、1D、3【正確答案】：B70.【單選】有以下JavaScript代碼，最終控制臺輸出的結果是（）varval=isNaN("1"+3)console.log(val)A、trueB、falseC、4D、“13”【正確答案】：B71.【單選】以下哪個標簽是聲明表格的：A、《table》B、《th》C、《tr》D、《td》【正確答案】：A72.【單選】如果我們想要定義某一個元素的右邊框，寬度為1px，外觀為實線，顏色為紅色，正確寫法應該是（）A、border-right:1pxB、border-right:1pxC、border:1pxD、border:1px【正確答案】：A解析：

：【無】73.【單選】在HTML中有效，規范的注釋聲明是()A、<這是注釋B、//這是注釋C、《!--這是注釋--》D、/*這是注釋*/【正確答案】：C74.【單選】CSS盒模型不包括下列哪一項（）A、borderB、marginC、paddingD、font【正確答案】：D75.【單選】在JavaScript中，下拉選項中可以獲取滾動條距窗口頂端滾動的距離的是()A、document.documentElement.scrollTop;B、document.documentElement.topScroll;C、document.style.scrollTop;D、document.style.topScroll;【正確答案】：A76.【單選】下面有關事件冒泡正確的是：A、事件無法進行傳遞B、事件有葉子節點沿祖先結點一直向上傳遞直到直接父節點C、事件由根節點沿子結點一直向下傳遞直到葉子節點D、事件由葉子節點沿祖先結點一直向上傳遞直到根節點【正確答案】：D77.【單選】下列關于表格結構標簽的描述，哪一條是錯誤的（）A、《thead》B、《thead》C、《tbody》《/tbody》：用于定義表格的主體，主要用于放數據本體D、《thead》《/thead》：用于定義表格的頭部【正確答案】：B78.【單選】下面哪一個是JQuery的根據Id獲取元素的寫法（）A、$(“B、<(“id”)C、(“D、$(“.id”)【正確答案】：A79.【單選】HTML的根元素為：A、《!DoctypeB、htmlC、headD、body【正確答案】：B80.【單選】有以下JavaScript代碼：console.log(parseInt("01xs45"))結果是（）A、01B、1C、0145D、145【正確答案】：B81.【單選】下列JavaScript的循環語句中，正確的是（）A、if(i《10;i++)B、for(i=0;i《10)C、forD、for(i=0;i<10;i++)【正確答案】：D82.【單選】Bootstrap插件全部依賴的是（）A、NodeJSB、JavascriptC、AngularJSD、Jquery【正確答案】：D83.【單選】以下JavaScript語句，在控制臺輸出的結果是（）functionprint(a,b,c){console.log(a,b,c)}print(7);A、7，0，0B、undefined，undefined，7C、0，0，7D、7，undefined，undefined【正確答案】：D84.【單選】不屬于HTML5新增表單元素的是：（）A、hideB、datalistC、outputD、keygen【正確答案】：A85.【單選】運行下列代碼，輸出結果是（）for(vari=0;i《10;i++){if(i==3){break;}document.write(i);}document.write("");for(vari=0;i《10;i++){if(i==3)continue;document.write(i);}A、012456789012B、123456789123456789C、012012456789D、012012【正確答案】：C86.【單選】根據這段代碼，選出正確的效果（）《!DOCTYPEhtml》《html》《head》《metacharset="UTF-8"》《title》塊級元素和行內元素《/title》《/head》《body》《div》塊級元素《/div》《div》塊級元素《/div》《div》塊級元素《/div》《divstyle="display:inline;"》塊級元素《/div》《span》行內元素《/span》《span》行內元素《/span》《spanstyle="display:block;"》行內元素《/span》《span》行內元素《/span》《/body》《/html》A、B、C、D、E、AF、BG、DH、C【正確答案】：A87.【單選】CSS中可用于定義動畫的屬性，以下正確的是（）A、animationB、transitionC、transformD、box-shadow【正確答案】：A88.【單選】如圖所示，下圖是使用input類型中的（）制作的A、monthB、timeC、dateD、week【正確答案】：C89.【單選】如下JavaScript代碼，那么以下訪問person的name屬性（）varperson={name:'Puuggy',age:10}A、B、person['0']C、person.0D、person[0]【正確答案】：A90.【單選】CSS3中用（）來定義過渡動畫的時間A、transition-durationB、transition-timing-functionC、transition-propertyD、transition-delay【正確答案】：A91.【單選】在BootStrap中，實現nav平鋪整行，應該加哪個類()A、nav-leftB、nav-justifiedC、nav-centerD、nav-right【正確答案】：B92.【單選】以下代碼表示的是HTML鏈接的哪種分類（）《ahref="A、外部鏈接B、內部鏈接C、錨點鏈接D、下載鏈接【正確答案】：C93.【單選】媒體查詢語法中，媒體查詢屬性“height”表示的是（）A、輸出設備的屏幕可見寬度;B、輸出設備中的頁面可見區域高度;C、輸出設備的屏幕可見高度;D、輸出設備中的頁面可見區域寬度;【正確答案】：D94.【單選】在JavaScript中,數組的()屬性用于返回數組中元素的個數A、pushB、shiftC、lengthD、first【正確答案】：C95.【單選】下列正確注釋html代碼的是（）A、《!--B、/*C、<D、//【正確答案】：A96.【單選】HTML結構標簽中《head》表示的含義為（）A、頁面的注釋B、頁面的標題C、頁面的頭部D、整個HTML文檔【正確答案】：C97.【單選】閱讀以下代碼，回答問題《!DOCTYPEhtml》《html》《head》《metacharset="UTF-8"》《title》偽類選擇器《/title》《styletype="text/css"》.demoa:link{color:yellow;}.demoa:visited{color:green;}.demoa:hover{color:red;}.demoa:active{color:blue;}《/style》《/head》《body》《div》《ul》《li》《ahref="A、blueB、yellowC、redD、green【正確答案】：A98.【單選】下列不是DOM模型中的節點的是（）A、屬性節點B、元素節點C、標簽節點D、文本節點【正確答案】：C99.【單選】在JQuery中，$(function(){})方法是什么時候執行的（）A、CSS加載結束，HTML加載之前執行B、DOM元素加載完成后再進行加執行C、進入頁面立刻執行D、需要點擊時才執行【正確答案】：B100.【單選】在flex布局中，決定主軸的方向（項目的排列方向）的屬性是（）A、flex-wrapB、flex-directionC、flex-flowD、justify-content【正確答案】：B1.【多選】下面有關a標簽說法正確的兩個是：A、a標簽是行內元素B、a標簽中的href可以指定為本頁面的一個元素的idC、a標簽沒有name屬性D、a標簽是塊元素【正確答案】：AB2.【多選】下面有關HTML表格說法正確的兩個是：A、rowspan屬性定義單元格應該橫跨的行數。B、cellpadding規定單元格之間的距離。C、colspanD、cellspacing規定單元邊沿與其內容之間的距離。【正確答案】：AC3.【多選】下面（）不是XMLHttpRequest對象的方法名。（選兩項）A、sendB、openC、responseTextD、readyState【正確答案】：CD4.【多選】下面有關HTML標簽說法正確的兩個是：A、行內元素可以通過樣式設置為塊元素B、span標簽是行內元素C、h1-h6標簽僅僅是為了讓字體大小不一樣D、div設置了display:inline樣式后依然是塊元素【正確答案】：AB5.【多選】下列哪些是正確的引入CSS樣式到html中的方式A、《styleB、《linkC、《styleD、《link【正確答案】：CD6.【多選】div{width:220px;height:220px;padding:10px;border:5pxsolidgray;margin:0;}根據以上的樣式，下面說法正確的兩項是：A、元素實際的寬度為250pxB、元素實際的高度為230pxC、元素實際的高度為250pxD、元素實際的寬度為235px【正確答案】：AC7.【多選】下列關于鼠標的相關事件說法錯誤的是（）A、onmouseout：鼠標被移動。B、onmousemove：鼠標從某元素移開。C、onmousedown：鼠標按鈕被按下。D、onmouseover：鼠標移到某元素之上。【正確答案】：AB8.【多選】下列哪些變量名并不合法（）A、18ageB、_sexC、forD、age18【正確答案】：AC9.【多選】在Javascript中，對于瀏覽器對象的層次關系理解正確的是（）（選擇二項）A、window對象是所有頁面內容的根對象B、document對象包含location對象和history對象C、location對象包含historyD、document對象包含form對象【正確答案】：AD10.【多選】下列哪些是正確的bootstrap3輔助類（）A、text-successB、text-infoC、t