前端模擬試題javascript_第1頁
前端模擬試題javascript_第2頁
前端模擬試題javascript_第3頁
前端模擬試題javascript_第4頁
前端模擬試題javascript_第5頁
已閱讀5頁，還剩22頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

JavaScript模擬試題一、單選題.我們可以在下列哪個HTML元素中放置Javascript代碼<script><javascript><js><scripting>.寫"HelloWorld"的正確Javascript語法是("HelloWorld")"HelloWorld"("HelloWorld")("HelloWorld").插入Javacript的正確位置是<body>部分<head>部分<body>部分和<head>部分均可.引用名為""的外部腳本的正確語法是<script src=""><script href=""><script name="">.外部腳本必須包含<script>標(biāo)簽嗎A.是B.否.如何在警告框中寫入"HelloWorld"alertBox="HelloWorld"msgBox("HelloWorld")alert("HelloWorld")alertBox("HelloWorld").如何創(chuàng)建函數(shù)function:myFunction()functionmyFunction()function=myFunction().如何調(diào)用名為"myFunction"的函數(shù)callfunctionmyFunctioncallmyFunction()myFunction().如何編寫當(dāng)i等于5時執(zhí)行一些語句的條件語句if (i==5)if i=5thenTOC\o"1-5"\h\zif i=5if i==5then.如何編寫當(dāng)i不等于5時執(zhí)行一些語句的條件語句if =! 5thenif <>5if (i <> 5)if (i != 5).在JavaScript中，有多少種不同類型的循環(huán)A.兩種。for循環(huán)和while循環(huán)。B.四種。for循環(huán)、while循環(huán)、do...while循環(huán)以及l(fā)oop...until循環(huán)。C.一種。for循環(huán)。.for循環(huán)如何開始for(i<=5;i++)for(i=0;i<=5;i++)for(i=0;i<=5)fori=1to5.如何在JavaScript中添加注釋'Thisisacomment<!--Thisisacomment-->在圖片上添加onClick事件B.在圖片上添加onSubmit事件C.在事件中手動提交D.在事件中自動提交.能夠返回鍵盤上的按鍵所對應(yīng)字符的事件是(B)onKeyDownonKeyPressonKeyUponMouseOver.要動態(tài)改變層中的內(nèi)容可以使用下列哪些方法6)A.利用層的innerHTML改變內(nèi)容B.利用層的innerText改變內(nèi)容

C.可以通過設(shè)置層的隱藏和顯示來實現(xiàn)D.可以通過設(shè)置層的樣式屬性的display屬性來實現(xiàn)16.制作級聯(lián)菜單功能時調(diào)用的是下拉列表框的（B）事件。onClickonChangeselected60.在JavaScript中Array對象擁有的方法不包括（B）sort（）數(shù)組排序length（）計算數(shù)組長度concat（）數(shù)組合并reverse。數(shù)組元素反轉(zhuǎn).以下哪條語句會產(chǎn)生運行錯誤：（A）A.varobj();B.varobj[];C.varobj();D.varobj//;.以下哪個單詞不屬于javascript保留字：（B）withparentclassvoid.請選擇結(jié)果為真的表達(dá)式：（C）A.nullinstanceofObject

A.nullinstanceofObjectB.nullundefinedC.nullundefinedB.nullundefinedC.nullundefinedNaND.NaNNaN二、多選題.請選擇對javascript理解有誤的：(ABCD)JScript是javascript的簡稱javascript是網(wǎng)景公司開發(fā)的一種Java腳本語言，其目的是為了簡化Java的開發(fā)難度FireFox和IE存在大量兼容性問題的主要原因在于他們對javascript的支持不同上AJAX技術(shù)一定要使用javascript技術(shù). foo對象有att屬性，那么獲取att屬性的值，以下哪些做法是可以的：ACE)foo(“att”)foo[“att”]foo{“att”}foo[“a"+"t"+"t”].在不指定特殊屬性的情況下，哪幾種HTML標(biāo)簽可以手動輸入文本：(AB)<TEXTAREA></TEXTAREA><INPUT type="text"/)<INPUT type="hidden”/><DIV></DIV>.以下哪些是javascript的全局函數(shù)：(ABC)escapeparseFloatevalsetTimeoutalert.關(guān)于IFrame表述正確的有：(ABCD)A.通過IFrame，網(wǎng)頁可以嵌入其他網(wǎng)頁內(nèi)容，并可以動態(tài)更改B.在相同域名下，內(nèi)嵌的IFrame可以獲取外層網(wǎng)頁的對象C.在相同域名下，外層網(wǎng)頁腳本可以獲取IFrame網(wǎng)頁內(nèi)的對象D.可以通過腳本調(diào)整IFrame的大小.關(guān)于表格表述正確的有：(ABCDE)A.表格中可以包含TBODY元素B.表格中可以包含CAPTION元素C.表格中可以包含多個TBODY元素D.表格中可以包含COLGROUP元素E.表格中可以包含COL元素.關(guān)于IE的window對象表述正確的有：(ACD)A.屬性本身就是指向window對象B.()方法可以用來刷新當(dāng)前頁面C.二””和的作用都是把當(dāng)前頁面替換成頁面D.定義了全局變量g；可以用的方式來存取該變量三、程序題：.如何獲取表單＜select＞域的選擇部分的文本參考答案：<formname="a"><selectname="a"size="1"onchange="sel(this)"><optionvalue="a">1</option><optionvalue="b">2</option><optionvalue="c">3</option></select></form><script>function_sel(obj){alert("顯示文本："+[].text);alert("值："+[].value);)</script>.在JavaScript中定時調(diào)用函數(shù)foo()如何寫參考答案：functionfoo(){alert("aaaa");……),100);foo();8：你做的頁面在哪些流覽器測試過這些瀏覽器的內(nèi)核分別是什么經(jīng)常遇到的瀏覽器的兼容性有哪些怎么會出現(xiàn)解決方法是什么點評：css的兼容性也是大家關(guān)注的熱點。大家一定要注意多測試。Javascript多瀏覽器兼容性問題及解決方案兼容性處理要點1、DOCTYPE影響CSS處理2、FF:設(shè)置padding后，div會增加height和width，但I(xiàn)E不會，故需要用［important多設(shè)—個height和width3、FF:支持［important,IE則忽略，可用［important為FF特別設(shè)置樣4、div的垂直居中問題：vertical-align:middle;將行距增加到和整個DIV一樣高line-height:200px;然后插入文字，就垂直居中了。缺點是要控制內(nèi)容不要換行5、在mozillafirefox和IE中的BOX模型解釋不一致導(dǎo)致相差2Px解決方法:div{margin:30px!important;margin:28px;}注意這兩個margin的順序一定不能寫反，［important這個屬性IE不能識別,但別的瀏覽器可以識別。所以在IE下其實解釋成這樣：div{maring:30px;margin:28px}重復(fù)定義的話按照最后一^個來執(zhí)行，所以不可以只寫margin:XXpx!important;瀏覽器差異1、ul和ol列表縮進問題消除ul、ol等列表的縮進時，樣式應(yīng)寫成：list-style:none;margin:0px;padding:0px;其中margin屬性對IE有效，padding屬性對FireFox有效。［注］經(jīng)驗證，在IE中，設(shè)置margin:0px可以去除列表的上下左右縮進、空白以及列表編號或圓點，設(shè)置padding對樣式?jīng)]有影響；在Firefox中，設(shè)置margin:0px僅僅可以去除上下的空白，設(shè)置padding:0px后僅僅可以去掉左右縮進，還必須設(shè)置list-style:none才能去除列表編號或圓點。也就是說，在IE中僅僅設(shè)置margin:0px即可達(dá)到最終效果，而在Firefox中必須同時設(shè)置margin:0px、padding:0px以及l(fā)ist-style:none三項才能達(dá)到最終效果。2、CSS透明問題IE：filter:progid:。FF：opacity:。［注］最好兩個都寫，并將opacity屬性放在下面。3、CSS圓角問題IE：ie7以下版本不支持圓角。FF：-moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。［注］圓角問題是CSS中的經(jīng)典問題，建議使用JQuery框架集來設(shè)置圓角，讓這些復(fù)雜的問題留給別人去想吧。不過jQuery的圓角只看到支持整個區(qū)域的圓角，沒有支持邊框的圓角，不過這個邊框的圓角可以通過一些簡單的手段來實現(xiàn)，下次有機會介紹下。4、cursor:handVScursor:pointer問題說明：firefox不支持hand,但ie支持pointer,兩者都是手形指示。解決方法：統(tǒng)一使用pointer。5、字體大小定義不同對字體大小small的定義不同，F(xiàn)irefox中為13px,而IE中為16px,差別挺大。解決方法：使用指定的字體大小如14px。并列排列的多個元素（圖片或者鏈接）的div和div之間，代碼中的空格和回車在firefox中都會被忽略，而IE中卻默認(rèn)顯示為空格（約3px）。6、CSS雙線凹凸邊框IE：border:2pxoutset;。FF：-moz-border-top-colors:#d4d0c8white;-moz-border-left-colors:#d4d0c8white;-moz-border-right-colors:#404040#808080;-moz-border-bottom-colors:#404040#808080;瀏覽器bug1、IE的雙邊距bug設(shè)置為float的div在ie下設(shè)置的margin會加倍。這是一y個ie6都存在的bug。解決方案：在這個div里面加上display:inline;例如:<#divid="imfloat”>相應(yīng)的css為以下為引用的內(nèi)容：復(fù)制代碼代碼如下：#IamFloat{float:left;margin:5px;/*IE下理解為10px*/display:inline;/*IE下再理解為5px*/)#IamFloat{float:left;margin:5px;/*IE下理解為10px*/display:inline;/*IE下再理解為5px*/)關(guān)于CSS中的問題實在太多了，甚至同樣的CSS定義在不同的頁面標(biāo)準(zhǔn)中的顯示效果都是不一樣的。一個合乎發(fā)展的建議是，頁面采用標(biāo)準(zhǔn)XHTML標(biāo)準(zhǔn)編寫,較少使用table，CSS定義盡量依照標(biāo)準(zhǔn)口。附，同時兼顧IE、Firefox、Opera等主流瀏覽器。很多情況下，F(xiàn)F和Opera的CSS解釋標(biāo)準(zhǔn)更貼近CSS標(biāo)準(zhǔn)，也更具有規(guī)范性。2、IE選擇符空格BUG今天在給博客的段落樣式設(shè)置首字符樣式的時候發(fā)現(xiàn)，原來一個空格也可以使樣式失效。請看以下代碼：復(fù)制代碼代碼如下：<!DOCTYPEhtmlPUBLIC"mozillafirefox和IE中的BOX模型解釋不一致導(dǎo)致相差2Px解決方法：div{margin:30px!important;margin:28px;}注意這兩個margin的順序一定不能寫反，據(jù)阿捷的說法！important這個屬性IE不能識別，但別的瀏覽器可以識別。所以在IE下其實解釋成這樣：div{maring:30px;margin:28px}重復(fù)定義的話按照最后一^個來執(zhí)行，所以不可以只寫margin:XXpx!important;和IE6的BOX解釋不一致IE5下div{width:300px;margin:010px010px;}div的寬度會被解釋為300Px-10px（右填充）-10px（左填充）最終div的寬度為280Px，而在IE6和其他瀏覽器上寬度則是以300Px+10px（右填充）+10px（左填充）=320px來計算的。這時我們可以做如下修改div{width:300px!important;width:340px;margin:010px010px）關(guān)于這個是什么我也不太明白，只知道IE5和firefox都支持但I(xiàn)E6不支持，如果有人理解的話，請告訴我一聲，謝了！：）標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值所以先定義ul{margin:0;padding:0;}就能解決大部分問題注意事項：1、float的div一定要閉合。例如：（其中floatA、floatB的屬性已經(jīng)設(shè)置為float:left;）<#divid=\"floatA\"><#divid=\"floatB\"><#divid=\"NOTfloatC\">這里的NOTfloatC并不希望繼續(xù)平移，而是希望往下排。這段代碼在IE中毫無問題，問題出在FF。原因是NOTfloatC并非float標(biāo)簽，必須將float標(biāo)簽閉合。在<#divclass=、"floatB\"><#divclass=\"NOTfloatC\">之間加上<#divclass=\"clear\">這個div一定要注意聲明位置，一定要放在最恰當(dāng)?shù)牡胤?，而且必須與兩個具有float屬性的div同級，之間不能存在嵌套關(guān)系，否則會產(chǎn)生異常。并且將clear這種樣式定義為為如下即可：.clear{clear:both;}此外，為了讓高度能自動適應(yīng)，要在wrapper里面加上overflow:hidden;.如何居中一個浮動元素設(shè)置容器的浮動方式為相對定位然后確定容器的寬高比如寬500高300的層然后設(shè)置層的外邊距Div(Width:500px;height:300px;Margin:-150px00-250px;position:absolute;left:50%;top:50%;).有沒有關(guān)注HTML5和CSS3如有請簡單說一些您對它們的了解情況！在HTML5平臺上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。那么我們來看一下HTML5的技術(shù)概覽有哪些：HTML5新增和移除的元素HTML5新增了很多多媒體和交互性元素如video,audio,在HTML4當(dāng)中如果要嵌入一個視頻或是音頻的話需要引入一大段的代碼，還有兼容各個瀏覽器，而HTML5只需要通過引入一個標(biāo)簽就可以，就像img標(biāo)簽一樣方便。HTML5對表單的支持HTML5提供了強大的控件類型如url,email,date,tel等，強大的約束屬性，如required表示必填，文件上傳的accept屬性，以及一些表單重復(fù)元素模型的支持，HTML5在提交表單的時候還可以設(shè)置提交的方式為XML提交方式，這樣服務(wù)器端接收到的數(shù)據(jù)將是XML格式，HTML5的表單被定義為“WebForms”，目前+對WebForms的支持較為完美。HTML5DOM變化HTML5的JavascriptAPIsHTML5在Javascript上面新增了哪些API呢？Video/Audio:HTML5為Video和Audio提供了API來讓開發(fā)者控制他們自己的用戶界面，如可以播放或暫停媒體內(nèi)容。CSS3CSS3對于我們Web開發(fā)者來說不只是新奇的技術(shù)，更重要的是這些全新概念的web應(yīng)用給我們帶來更多無限的可能性，也極大地提高了我們的開發(fā)效率。我們將不必再依賴圖片或者Javascript去完成圓角、多背景、用戶自定義字體、3D動畫、漸變、盒陰影、文字陰影、透明度等提高Web設(shè)計質(zhì)量的特色應(yīng)用。CSS3對于動畫的支持CSS3支持的動畫類型有：transform（變換）、transition（過渡）和animation（動畫）。你可以對特定的屬性設(shè)置transition，transiton和animation的區(qū)別不大，animation的動畫是自己定義的，面向的更多的是腳本開發(fā)者，往往更加復(fù)雜。11.你怎么來實現(xiàn)下面這個設(shè)計圖,主要講述思路（效果圖省略）13:如果讓你來制作一個訪問量很高的大型網(wǎng)站，你會如何來管理所有CSS文件、JS與圖片？14:你對前端界面工程師這個職位是怎么樣理解的它的前景會怎么樣？[Javascript]1：js是什么，js和html的開發(fā)如何結(jié)合？.怎樣添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點.怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別.面向?qū)ο缶幊?b怎么繼承a.看看下面alert的結(jié)果是什么viewsourceprintb(x,y,a){.arguments[2]=10;.alert(a);)b(1,2,3);如果函數(shù)體改成下面，結(jié)果又會是什么？a=10;alert(arguments[2]);.請編寫一y個JavaScript函數(shù)parseQueryString，它的用途是把URL參數(shù)解析為一個對象varobj=parseQueryString(url);alert 瀏覽器問題.歷史后退狀態(tài)問題.跨域問題跨瀏覽器的問題因為現(xiàn)在有很多的開元的框架已經(jīng)解決了，我們無需為此而煩惱。歷史后退狀態(tài)問題我們可以使用一個數(shù)組來保存歷史紀(jì)錄，然后把這些數(shù)據(jù)村到歷史對象中去，中的也可以解決，并且還有很多的開元框架給與支持，這樣問題就不是很大?？缬虻膯栴}就不是很好的解決，但是還是有辦法的，一下給出一些基本的解決方案供大家選擇：.使用代理，你可以使用web端的程序編寫代理程序，把所有的ajax（動態(tài)網(wǎng)站靜態(tài)化）請求的數(shù)據(jù)進行轉(zhuǎn)發(fā)，web程序可以使php（做為現(xiàn)在的主流開發(fā)語言），jsp（SUN企業(yè)級應(yīng)用的首選），asp等所有的編程語言。相信大家對這種方式一定很熟悉，這里就不詳細(xì)的介紹了。.使用iframe的方式來定勢的刷新葉面，這種方式只是取得數(shù)據(jù)來顯示，并不能真正的和求得的數(shù)據(jù)進行交互，轉(zhuǎn)化成本頁面的動態(tài)數(shù)據(jù)，不是很可取，應(yīng)用也不是很多，我也忽略不去討論了。.使用apache（Unix平臺最流行的WEB服務(wù)器平臺）的代理功能，主要就是apache（Unix平臺最流行的WEB服務(wù)器平臺）的方向代理，或者是url從定向,你也可以把其他的站點直接的掛在自己的網(wǎng)站上，這樣的方式可能會友邦權(quán)的問題，多的九部介紹了，有興趣的本有可以自己實踐以下。.使用《script》標(biāo)簽的方式，這樣的話就可以保正使用真正的ajax（動態(tài)網(wǎng)站靜態(tài)化）來跨域，并且可以使用返回來的數(shù)據(jù)，發(fā)誓很簡單，在我們的后臺程序處理后的到的結(jié)果都直接的用javascript的方式返回，在我們的html中直接的使用返回數(shù)據(jù)的變量就可以了一個簡單的例子.什么是閉包下面這個ul,如何點擊每一列的時候alert其index?<ulid=“test”><li>這是第一條</li><li>這是第二條</li><li>這是第三條</li></ul>.最近看的一篇Javascript的文章是？.常使用的庫有哪些常用的前端開發(fā)工具開發(fā)過什么應(yīng)用或組件？pageSpeed.Yslow,Fiddler、fireBug.說說YSlow（可以詳細(xì)一點）這個插件可以分析網(wǎng)站的頁面，并告訴你為了提高網(wǎng)站性能，如何基于某些規(guī)則而進行優(yōu)化。網(wǎng)頁制作方向的題目.什么是網(wǎng)站重構(gòu)div+css的布局較table布局有什么優(yōu)點？.如何理解css盒模型？.平時做網(wǎng)頁經(jīng)常使用哪些hack？.如何理解表現(xiàn)與內(nèi)容相分離？.如何解決1?6的雙邊距問題？.如何定義高度為1px的容器{heigh：1px;width:10px;background:#。。。；overflow:hidden}ie6下這個問題是默認(rèn)行高造成的，overflow:hidden|zoom:|overflow:hidden|zoom:.如何實現(xiàn)一^個層在瀏覽器中垂直左右居中margin：auto.如何解決ie6的3像素問題_2。。巾：1;margin-left:value;_margin-left:value-3px;.為什么FF下文本無法撐開容器的高度如何解決清楚浮動.怎么樣才能讓層顯示在FLASH之上呢解決的辦法是給FLASH設(shè)置透明屬性<paramname="wmode"value="transparent"/>或者<paramname="wmode"value="opaque"/>1、答：把"未采用CSS，大量使用HTML進行定位、布局，或者雖然已經(jīng)采用CSS，但是未遵循HTML結(jié)構(gòu)化標(biāo)準(zhǔn)的站點“變成"讓標(biāo)記回歸標(biāo)記的原本意義。通過在HTML文檔中使用結(jié)構(gòu)化的標(biāo)記以及用CSS控制頁面表現(xiàn)，使頁面的實際內(nèi)容與它們呈現(xiàn)的格式相分離的站點?！钡倪^程就是網(wǎng)站重構(gòu)網(wǎng)站為什么要進行重構(gòu)（網(wǎng)站重構(gòu)的好處）a、使頁面加載得更快速；b、降低帶寬帶來的費用：節(jié)約成本；c、讓你在修改設(shè)計時更有效率而代價更低；d、幫助你的整個站點保持視覺的一致性；e、更利于搜索引擎的檢索（符合SEO的規(guī)范）；f、令站點更容易被各種瀏覽器和用戶訪問（包括手機、PDA和殘障人士使用的文字瀏覽器）；g、兼容不容忽視的Mozilla系瀏覽器（Firefox份額）；h、提高你的職場競爭實力（事實上也就是降低失業(yè)的風(fēng)險）。div+css的布局較table布局有什么優(yōu)點：1、改版的時候更方便只要改css文件。2、頁面加載速度更快、結(jié)構(gòu)化清晰、頁面顯示簡潔。3、表現(xiàn)與結(jié)構(gòu)相分離。4、易于優(yōu)化（seo）搜索引擎更友好，排名更容易靠前。答：2.如何理解css盒模型：每個HTML元素都是長方形盒子外邊局（margin）、內(nèi)邊距（padding）、邊框（border）;答：3.平時做網(wǎng)頁用的csshackIe6*_;ie7*,*+,!important;ff!important.答：4.表現(xiàn)與結(jié)構(gòu)相分離簡單的說就是HTML中只有標(biāo)簽元素表現(xiàn)完全是由CSS文件控制的答：5.解決1?6雙邊距問題塊級元素就加display：inline；行內(nèi)元素轉(zhuǎn)塊級元素display：inline后面再加display：table.如何定義高度為1px的容器{heigh：1px;width:10px;background:#000;overflow:hidden}ie6下這個問題是默認(rèn)行高造成的，overflow:hidden|zoom:|line-height:1px這樣也可以解決.如何實現(xiàn)一個層在瀏覽器中垂直左右居中margin：auto.如何解決ie6的3像素問題_zoom:1;margin-left:value;_margin-left:value-3px;.為什么FF下文本無法撐開容器的高度如何解決清除浮動.clear{clear:both;height:0px;overflow:hidden;}.怎么樣才能讓層顯示在FLASH之上呢解決的辦法是給FLASH設(shè)置透明屬性<paramname="wmode"value="transparent"/>或者<paramname="wmode"value="opaque"/>補充：1、margin-

溫馨提示

  • 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)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論