Web前端開發(fā) 試卷_第1頁
Web前端開發(fā) 試卷_第2頁
Web前端開發(fā) 試卷_第3頁
Web前端開發(fā) 試卷_第4頁
Web前端開發(fā) 試卷_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

Web前端開發(fā)試題（共100分）姓名：班級：學號：成績：一.選擇題。（2分/題，非單選，共40分）1.要動態(tài)改變層中內(nèi)容可以使用的方法有（）AinnerHTMLBinnerTextC通過設(shè)置層的隱藏和顯示來實現(xiàn)D通過設(shè)置層的樣式屬性的display屬性2.當按鍵盤A時，使用onKeyDown事件打印event.keyCode的結(jié)果是（）A65B13C97D373.在javascript里，下列選項中不屬于數(shù)組方法的是（）.Asort()Blength()Cconcat()Dreverse()4.下列哪一個選項可以用來檢索被選定的選項的索引號?()AdisabledBselectedIndexCoptionDmultiple5.希望圖片具有”提交”按鈕同樣的功能,該如何編寫表單提交?()A在圖片的onClick事件中手動提交B在圖片上添加onSubmit事件C在圖片的onSubmit事件中手動提交D在表單中自動提交6.以下哪個單詞不屬于javascript關(guān)鍵字：（）AwithBparentCclassDvoid7.下列選項中,描述正確的是。()Aoptions.add(newOption(‘a(chǎn)’,'A’))可以動態(tài)添加一個下拉列表選項Boption.add(newOption(‘a(chǎn)’,'A’))可以動態(tài)添加一個下拉列表選項CnewOption(‘a(chǎn)’,'A’)中’a'表示列表選項的值,’A'用于在頁面中顯示DnewOption(‘a(chǎn)’,'A’)中’A'表示列表選項的值,’a'用于在頁面中顯示8.varemp=newArray(3);for(variinemp),以下答案中能與for循環(huán)代碼互換的是:()Afor(vari=0;i<emp;i++)Bfor(vari=0;i<Array(3);i++)Cfor(vari=0;i<emp.length();i++)Dfor(vari=0;i<emp.length;i++)9.制作級聯(lián)菜單功能時調(diào)用的是下拉列表框的（）事件。AonChangeBonFocusCselectedDonClick10.下列聲明數(shù)組的語句中，錯誤的選項是（）。AVararry=newArray()BVararry=newArray(3)CVararry[]=newArray(3)(4)DVararry=newArray(‘3’,’4’)11.下列屬性哪一個能夠?qū)崿F(xiàn)層的隱藏?（）Adisplay:falsBdisplay:hiddenCdisplay:noneDdisplay:””12.下列哪一個選項不屬于document對象的方法?（）Afocus()BgetElementById()CgetElementsByName()DbgColor()13.下列哪項是按下鍵盤事件()AonKeyDownBonKeyPressCkeyCodeDonMouseOver14.javascript進行表單驗證的目的是（）A把用戶的正確信息提交給服務(wù)器B檢查提交的數(shù)據(jù)必須符合實際C使得頁面變得美觀、大方D減輕服務(wù)器端的壓力15.display屬性值的常用取值不包括()AinlineBblockChiddenDnone16.以下有關(guān)pixelTop屬性與top屬性的說法正確的是。()A都是Location對象的屬性B使用時返回值都是字符串C都是返回以像素為單位的數(shù)值D以上都不對17.使用open方法打開具有瀏覽器工具條,地址欄,菜單欄的窗口，下列選項正確的是()Aopen("x.html","HI","toolbas=1,scrollbars=1,status=1");Bopen("HI","scrollbars=1,location=1,status=1");Copen("x.html","status=yes,menubar=1,location=1");Dopen("x.html","HI","toolbas=yes,menubar=1,location=1");18.下面關(guān)閉名為mydiv的層的代碼正確的是()Adocument.getElementById(mydiv).style.display="none";Bdocument.getElementById("mydiv").style.display=none;Cdocument.getElementById("mydiv").style.display="none";Ddocument.getElementById("mydiv").style.display=="none";19.、javascript中表達式parseInt(“X8X8”)+paseFloat(‘8’)的結(jié)果是什么?()A8+8B88C16D“8”+’820.關(guān)于setTimeout(“check”,10)中說法正確的是()A程序循環(huán)執(zhí)行10次BCheck函數(shù)每10秒執(zhí)行一次D10做為參數(shù)傳給函數(shù)checkDCheck函數(shù)每10毫秒執(zhí)行一次二.簡答題。（5分/題，共40分）Web標準有哪三大部分？每部分的技術(shù)標準有哪些？簡述圖層的特點，它與像素和圖像的關(guān)系是什么？什么是XHTML語言，簡述XHTML語言結(jié)構(gòu)？<Span>與<Div>的異同點？5、簡述a標簽的幾種鏈接效果？6、 什么是CSS樣式？它的作用是什么？7、什么是盒子模型？它的屬性包括哪些？8、簡述Table、Th、Tr、Td的作用。三.設(shè)計題。（10分/題，共20分）請編寫一個JavaScript函數(shù)parseQueryString，它的用途是把URL參數(shù)解析為一個對象。(10分)如：varurl=“/index.php?key0=0&key1=1&key2=2″;2.什么是閉包？下面這個ul，如何點擊每一列時alert其index?(10分)<ulid=”test”><li>這是第一條</li><li>這是第二條</li><li>這是第三條</li></ul>答案：一、選擇題（2分/題，非單選，共40分）1.AB2.A3.B4.B5.A6.C7.AD8.D9.A10.C11.C12.D13.AB14.B15.C16.D17.D18.C19.C20.D二、簡答題（共40分）1、答：1）、Web標準：結(jié)構(gòu)、表現(xiàn)以及行為。（2分）2）、結(jié)構(gòu)的web標準技術(shù)有：html（超文本標記語言）、xml（可擴展標記語言）、xhtml（可擴展超文本標記語言）（1分） 表現(xiàn)的web標準技術(shù)主要有：CSS技術(shù)。（1分） 行為的Web標準技術(shù)主要有：DOM（文檔對象模型）、ECMAScript（JavaScript的擴展腳本語言）。（1分）2、答：1）、圖層的特點：有上下關(guān)系、可以移動、相對獨立、可以合并（2分）2）、圖層是構(gòu)成圖像的重要組成單位（1分），每個圖層都由許多像素組成（1分），而圖層又通過疊加方式組成整個圖像。（1分）3、答：1）、XHTML指可擴展超文本標簽語言（EXtensibleHyperTextMarkupLanguage）。XHTML的目標是取代HTML。XHTML與HTML4.01幾乎是相同的。XHTML是更嚴格更純凈的HTML版本。XHTML是作為一種XML應(yīng)用被重新定義的HTML。XHTML是一個W3C標準。（共3分）2）、文檔頭部:由<head>...</head>定義的部分文檔主體:由<body>...</body>定義的部分（共2分）4、答：<Span>標簽與<Div>標簽一樣，作為容器標簽而被廣泛應(yīng)用在XHTML語言中。（1分）<Div>是一個塊級元素，它包圍的元素會自動換行。而<Span>僅是一個行內(nèi)元素，在它的前后不會換行（2分）。<Span>沒有固定的格式表現(xiàn)。當對它應(yīng)用樣式時，它才會產(chǎn)生視覺上的變化。此外，<Span>標簽可以作為子元素包含于<Div>標簽之中，但反之不成立，即<Span>標簽不可包含<Div>標簽（2分）。5、答：\o"HTML<a>標簽的href屬性"href:URL:鏈接的目標,鏈接到某個網(wǎng)址href=””（2分）空鏈接href=”#”,指向E-mail地址的超級鏈接href=“mailto:***”;(圖像鏈接，文本鏈接，超鏈接)（3分）6、答：1）、CSS（中文譯為層疊樣式表），它是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。（2分）2）、CSS的作用是定義網(wǎng)頁的外觀（例如字體，顏色等等），它也可以和JavaScript等瀏覽器端腳本語言合作做出許多動態(tài)的效果。（3分）7、答：1）、盒模型就是指DIV布局中的每一個元素，它們被當作一個盒狀物，無論布局如何，它們都是幾個盒子相互貼近顯示，瀏覽器通過對這些盒狀物的大小和浮動方式來判斷下一個盒狀物是貼近顯示，還是在下一行顯示，還是其他顯示方式。（2分）2）、內(nèi)邊距(Padding)，外邊距(Margin)，邊框(Border)（3分）8、答：Table表示表格，Tr表示行，Th或Td表示單元格。（2分）<table>元素：定義一個表格。每一個表格只有一對<table>和</table>，一張頁面中可以有多個表格（1分）<tr>元素：定義表格的行（1分）<th>、<td>元素：定義表格的一個單元格。每行可以有不同數(shù)量的單元格.（1分）三、設(shè)計題（10分/題，共20分）1、解：解：functionparseQueryString(url){varparams={};（1分)vararr=url.split("?");（1分)if(arr.length<=1){returnparams;}arr=arr[1].split("&");（1分)for(vari=0,l=arr.length;i<l;i++){（1分)vara=arr[i].split("=");（1分)params[a[0]]=a[1];（1分)}returnparams;}varurl="/index.php?key0=0&key1=1&key2=2";（2分)varps=parseQueryString(url);（1分)alert(ps["key1"]);（1分)2、解：解：一:內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時候就產(chǎn)生了閉包。(2分)二:(functionA(){varindex=0;varul=document.getElementById("test");(2分)varobj={};for(vari=0,l=ul.childNodes.leng

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論