關(guān)于web前端試卷

1、Web前端試題（共100分）姓名：班級(jí)：學(xué)號(hào)：成績：一.選擇題。（2分/題，非單選，共40分）1. 要?jiǎng)討B(tài)改變層中內(nèi)容可以使用的方法有（）A innerHTMLB innerTextC 通過設(shè)置層的隱藏和顯示來實(shí)現(xiàn)D 通過設(shè)置層的樣式屬性的display屬性2. 當(dāng)按鍵盤A時(shí)，使用onKeyDown事件打印event.keyCode的結(jié)果是（）A 65 B 13 C 97 D 373. 在javascript里，下列選項(xiàng)中不屬于數(shù)組方法的是（）.A sort() B length() C concat() D reverse()4. 下列哪一個(gè)選項(xiàng)可以用來檢索被選定的選項(xiàng)的索引號(hào)?()A di

2、sabled B selectedIndex C option D multiple5. 希望圖片具有”提交”按鈕同樣的功能,該如何編寫表單提交?()A 在圖片的onClick事件中手動(dòng)提交B 在圖片上添加onSubmit事件C 在圖片的onSubmit事件中手動(dòng)提交D 在表單中自動(dòng)提交6. 以下哪個(gè)單詞不屬于javascript關(guān)鍵字：（）A with B parent C class D void7. 下列選項(xiàng)中,描述正確的是。()A options.add(new Option(a,A)可以動(dòng)態(tài)添加一個(gè)下拉列表選項(xiàng)B option.add(new Option(a,A)可以動(dòng)態(tài)添加一個(gè)下

3、拉列表選項(xiàng)C new Option(a,A)中a表示列表選項(xiàng)的值,A用于在頁面中顯示D new Option(a,A)中A表示列表選項(xiàng)的值,a用于在頁面中顯示8. varemp = new Array(3); for(var i in emp),以下答案中能與for循環(huán)代碼互換的是: ()A for(var i =0; iemp; i )B for(var i =0; iArray(3); i )C for(var i =0; iemp.length(); i )D for(var i =0; iemp.length; i )9. 制作級(jí)聯(lián)菜單功能時(shí)調(diào)用的是下拉列表框的（）事件。A onCha

4、nge B onFocus C selected D onClick10. 下列聲明數(shù)組的語句中，錯(cuò)誤的選項(xiàng)是（）。A Vararry= new Array()B Vararry=new Array(3)C Vararry=new Array(3)(4)D Vararry=new Array(3,4)11. 下列屬性哪一個(gè)能夠?qū)崿F(xiàn)層的隱藏?（）A display:fals B display:hidden C display:none D display:” ”12. 下列哪一個(gè)選項(xiàng)不屬于document對(duì)象的方法?（）A focus() B getElementById() C getEle

5、mentsByName() D bgColor()13. 下列哪項(xiàng)是按下鍵盤事件()A onKeyDown B onKeyPress C keyCode D onMouseOver14. javascript進(jìn)行表單驗(yàn)證的目的是（）A 把用戶的正確信息提交給服務(wù)器B 檢查提交的數(shù)據(jù)必須符合實(shí)際C 使得頁面變得美觀、大方D 減輕服務(wù)器端的壓力15. display屬性值的常用取值不包括()A inline B block C hidden D none16. 以下有關(guān)pixelTop屬性與top屬性的說法正確的是。()A 都是Location對(duì)象的屬性B 使用時(shí)返回值都是字符串C 都是返回以像素

6、為單位的數(shù)值D 以上都不對(duì)17. 使用open方法打開具有瀏覽器工具條,地址欄,菜單欄的窗口，下列選項(xiàng)正確的是( )A open(x.html,HI,toolbas=1,scrollbars=1,status=1);B open(HI,scrollbars=1,location=1,status=1);C open(x.html,status=yes,menubar=1,location=1);D open(x.html,HI,toolbas=yes,menubar=1,location=1);18. 下面關(guān)閉名為mydiv的層的代碼正確的是()A document.getElementByI

7、d(mydiv).style.display=none;B document.getElementById(mydiv).style.display=none;C document.getElementById(mydiv).style.display=none;D document.getElementById(mydiv).style.display=none;19. 、javascript中表達(dá)式parseInt(“X8X8”) paseFloat(8)的結(jié)果是什么?()A 8 8 B 88 C 16 D “8” 820. 關(guān)于setTimeout(“check”,10)中說法正確的是(

8、)A 程序循環(huán)執(zhí)行10次B Check函數(shù)每10秒執(zhí)行一次D 10做為參數(shù)傳給函數(shù)checkD Check函數(shù)每10毫秒執(zhí)行一次二.簡答題。（5分/題，共40分）1、Web標(biāo)準(zhǔn)有哪三大部分？每部分的技術(shù)標(biāo)準(zhǔn)有哪些？2、簡述圖層的特點(diǎn)，它與像素和圖像的關(guān)系是什么？3、什么是XHTML語言，簡述XHTML語言結(jié)構(gòu)？4、與的異同點(diǎn)？5、簡述a標(biāo)簽的幾種鏈接效果？6、什么是CSS樣式？它的作用是什么？7、什么是盒子模型？它的屬性包括哪些？8、簡述Table、Th、Tr、Td的作用。三.設(shè)計(jì)題。（10分/題，共20分）1.請編寫一個(gè)JavaScript函數(shù) parseQueryString，它的用途是把

9、URL參數(shù)解析為一個(gè)對(duì)象。(10分)如：varurl =“;2.什么是閉包？下面這個(gè)ul，如何點(diǎn)擊每一列時(shí)alert其index? (10分)這是第一條這是第二條這是第三條答案：一、選擇題（2分/題，非單選，共40分）1.AB 2.A 3.B 4.B 5.A6.C 7. AD 8.D 9.A 10.C11.C 12.D 13.AB 14.B 15.C 16.D 17.D 18.C 19. C 20. D二、簡答題（共40分）1、答：1）、Web標(biāo)準(zhǔn)：結(jié)構(gòu)、表現(xiàn)以及行為。（2分）2）、結(jié)構(gòu)的web標(biāo)準(zhǔn)技術(shù)有：html（超文本標(biāo)記語言）、xml（可擴(kuò)展標(biāo)記語言）、xhtml（可擴(kuò)展超文本標(biāo)記語言）

10、（1分）表現(xiàn)的web標(biāo)準(zhǔn)技術(shù)主要有：CSS技術(shù)。（1分）行為的Web標(biāo)準(zhǔn)技術(shù)主要有：DOM（文檔對(duì)象模型）、ECMAScript（JavaScript的擴(kuò)展腳本語言）。（1分）2、答：1）、圖層的特點(diǎn)：有上下關(guān)系、可以移動(dòng)、相對(duì)獨(dú)立、可以合并（2分）2）、圖層是構(gòu)成圖像的重要組成單位（1分），每個(gè)圖層都由許多像素組成（1分），而圖層又通過疊加方式組成整個(gè)圖像。（1分）3、答：1）、XHTML 指可擴(kuò)展超文本標(biāo)簽語言（EXtensibleHyperText Markup Language）。XHTML 的目標(biāo)是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的。XHTML 是更嚴(yán)格

11、更純凈的 HTML 版本。XHTML 是作為一種 XML 應(yīng)用被重新定義的 HTML。XHTML 是一個(gè) W3C 標(biāo)準(zhǔn)。（共3分）2）、文檔頭部: 由 . 定義的部分文檔主體: 由 . 定義的部分（共2分）4、答：標(biāo)簽與標(biāo)簽一樣，作為容器標(biāo)簽而被廣泛應(yīng)用在XHTML語言中。（1分）是一個(gè)塊級(jí)元素，它包圍的元素會(huì)自動(dòng)換行。而僅是一個(gè)行內(nèi)元素，在它的前后不會(huì)換行（2分）。沒有固定的格式表現(xiàn)。當(dāng)對(duì)它應(yīng)用樣式時(shí)，它才會(huì)產(chǎn)生視覺上的變化。此外，標(biāo)簽可以作為子元素包含于標(biāo)簽之中，但反之不成立，即標(biāo)簽不可包含標(biāo)簽（2分）。5、答：href:URL:鏈接的目標(biāo),鏈接到某個(gè)網(wǎng)址href=”（2分）空鏈接href

12、=”#”,指向E-mail地址的超級(jí)鏈接href=“mailto:*”;( 圖像鏈接，文本鏈接，超鏈接)（3分）6、答：1）、CSS（中文譯為層疊樣式表），它是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。（2分）2）、CSS的作用是定義網(wǎng)頁的外觀（例如字體，顏色等等），它也可以和JavaScript等瀏覽器端腳本語言合作做出許多動(dòng)態(tài)的效果。（3分）7、答：1）、盒模型就是指DIV布局中的每一個(gè)元素，它們被當(dāng)作一個(gè)盒狀物，無論布局如何，它們都是幾個(gè)盒子相互貼近顯示，瀏覽器通過對(duì)這些盒狀物的大小和浮動(dòng)方式來判斷下一個(gè)盒狀物是貼近顯示，還是在下一行顯示，還是其他顯示方式。（2分）

13、2）、內(nèi)邊距(Padding)，外邊距(Margin)，邊框(Border)（3分）8、答：Table表示表格，Tr表示行，Th或Td表示單元格。（2分）元素：定義一個(gè)表格。每一個(gè)表格只有一對(duì)和，一張頁面中可以有多個(gè)表格（1分）元素：定義表格的行（1分）、元素：定義表格的一個(gè)單元格。每行可以有不同數(shù)量的單元格.（1分）三、設(shè)計(jì)題（10分/題，共20分）1、解：解：functionparseQueryString(url)varparams = ;（1分)vararr = url.split(?);（1分)if (arr.length= 1) returnparams;arr = arr1.split(&);（1分)for(var i=0, l=arr.length; il; i )（1分)var a = arri.split(=);（1分)paramsa0 = a1;（1分)returnparams;varurl = ;（2分)varps = parseQueryString(url);（1分)alert(pskey1);（1分)2、解：解：一:內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時(shí)候就產(chǎn)生了閉包。(2分)二:(function A() var index = 0;varul = document.getEl