2023年程序員JS面試

技術(shù)宅——你的面試成功了嗎?jaｖascript篇技術(shù)宅除了上網(wǎng)、睡覺之外還會(huì)做些什么?跟HR能聊得來嗎?經(jīng)典面試你知道嗎?一切難不住技術(shù)宅，但是可認(rèn)為將來的技術(shù)宅寫一下面試題型。

?秒殺大部分公司的面試題,精心整理合集，值得收藏(ｊaｖａscript篇）?

１,判斷字符串是否是這樣組成的,第一個(gè)必須是字母,后面可以是字母、數(shù)字、下劃線，總長(zhǎng)度為5-20?vaｒrｅg=/^[a－zA－Z][ａ－ｚA-Z_0-９]{4,１9}＄/;reｇ.teｓt（"a1ａ＿_(dá)a１ａ__a１ａ__a1a_＿")；

2，截取字符串a(chǎn)bcdefg的efgｖarsｔｒ="abcdefg＂;ｉf(/efｇ/.ｔest（ｓtr）){vａrefg=str.ｓｕｂsｔr(ｓtr．ｉｎdexOf(＂efg"),３);alert（eｆg);}??3,判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，記錄這個(gè)次數(shù)?/／將字符串的字符保存在一個(gè)hashtable中，key是字符,value是這個(gè)字符出現(xiàn)的次數(shù)vaｒｓtr="abcｄefgadddａ"；vａrobj={};foｒ（ｖaｒｉ＝０,l＝ｓtr.lｅnｇth；i&ｌt;l;i＋＋)｛vａrｋeｙ＝str[ｉ］;if（!oｂj［keｙ］){obj［kｅy]=1；}ｅlｓｅ{obj［kｅy]＋+;}}/*遍歷這個(gè)ｈａｓｈtablｅ，獲取valuｅ最大的key和vａlｕe＊/vaｒmａｘ＝-1;vaｒｍax_kｅｙ="";vａrｋeｙ;fｏr(keyiｎobj）{if(max<obj［ｋey]){ｍax=obj[ｋey];mａx_kｅｙ=key；}｝aｌeｒt（"ｍaｘ:"+ｍax+"maｘ＿keｙ:"+ｍaｘ＿ｋｅｙ);

?4,ＩＥ與FＦ腳本兼容性問題?(1)window．event：?表達(dá)當(dāng)前的事件對(duì)象,IＥ有這個(gè)對(duì)象，F(xiàn)F沒有,FF通過給事件解決函數(shù)傳遞事件對(duì)象

(2)獲取事件源

IE用srcEｌemｅnt獲取事件源,而FF用taｒget獲取事件源

(３)添加，去除事件?IＥ：eleｍent.atｔａchＥvｅnt(“onｃｌｉck”,function)eｌｅmｅｎt.detacｈEvent（“ｏnｃｌiｃk”,function)

FF:eｌemｅｎt．ａddEventListener(“ｃｌｉck”，ｆｕncｔion,true)ｅｌemeｎt.remoｖeEveｎtＬｉstenｅｒ(“cliｃｋ”,funｃtion,trｕe)

(４）獲取標(biāo)簽的自定義屬性

ＩE:dｉv1．value或ｄiv1［“ｖａlｕe”]

ＦＦ：可用dｉv１.ｇetAttribute(“value”)

(5)docuｍent.geｔElemenｔByＮａｍｅ(）和document.all[ｎamｅ］?IE；dｏcumeｎt.ｇeｔEｌｅｍeｎtByName()和documenｔ.ａlｌ[name]均不能獲取div元素?ＦF:可以

（６)iｎput．type的屬性

ＩE：input．ｔype只讀

FF:iｎput.tｙｐｅ可讀寫?(7）ｉｎnerTeｘｔtextConｔentｏｕterＨTＭL

IＥ:支持inneｒText，ｏuｔerHTＭL?ＦF：支持ｔextＣｏnｔent?(8)是否可用ｉd代替HＴML元素?IＥ:可以用ｉd來代替HＴML元素

FF：不可以

這里只列出了常見的，尚有不少,更多的介紹可以參看JavaSｃript在IE瀏覽器和Firefox瀏覽器中的差異總結(jié)

５,規(guī)避jaｖascript多人開發(fā)函數(shù)重名問題

(1）可以開發(fā)前規(guī)定命名規(guī)范,根據(jù)不同開發(fā)人員開發(fā)的功能在函數(shù)前加前綴?(2)將每個(gè)開發(fā)人員的函數(shù)封裝到類中，調(diào)用的時(shí)候就調(diào)用類的函數(shù)，即使函數(shù)重名只要類名不反復(fù)就ok。臥龍閣網(wǎng)wolonge．com公司點(diǎn)評(píng),各種公司工作面試經(jīng)驗(yàn)分享。??６,javasｃript面向?qū)ο笾欣^承實(shí)現(xiàn)?javａsｃripｔ面向?qū)ο笾械睦^承實(shí)現(xiàn)一般都使用到了構(gòu)造函數(shù)和Prｏｔotype原型鏈,簡(jiǎn)樸的代碼如下:?ｆuｎctｉonAnimａl(name){thｉs.nａme=name;}Animaｌ.prototypｅ.getＮａme=funｃtion(）{ａｌert(tｈis.nａｍe)}funｃtionDog(){};Dog．ｐｒoｔotｙpe=nｅwＡｎimａl(＂Buddy")；Dｏg．ｐrotｏtｙｐe.cｏnstrｕctoｒ＝Dog;ｖａrdoｇ=newＤｏg();?

7,FＦ下面實(shí)現(xiàn)oｕｔerHＴML?FF不支持outerHTML,要實(shí)現(xiàn)outerHTMＬ還需要特殊解決

思緒如下：

在頁面中添加一個(gè)新的元素A，克隆一份需要獲取oｕtｅrＨＴMＬ的元素,將這個(gè)元素aｐpend到新的A中，然后獲取A的inｎerHTＭL就可以了。

<！DOCＴＹPＥhｔｍｌPUBLIC＂-／／Ｗ3C/／DTＤXＨTMＬ1.0Transｉtional//ＥＮ""HYPERLＩNK"：//3.org／TR/ｘｈtml1／DTD/ｘhtml1-transitioｎal.dtd&link2kｅｙ＝f８７２a1cfｆ7"＂><hｔmｌxmlns=""><heａd><mｅtahttp-equiv="Cｏntenｔ－Tｙpｅ"content="text/ｈｔｍl;cｈａrsｅt=gｂ２３１2＂／><tiｔle>獲?。飖ｔeｒHＭTL＜/tiｔlｅ＞<style>diｖ{backgｒound：＃００0０FF；wiｄth:10０ｐx;hｅighｔ:100px；}span｛bａｃｋｇround：#00FF00;ｗidｔh:100ｐｘ;height:１00px;}p｛baｃkground:#FF0０00；wiｄｔh:10０ｐx;heigｈt:100px;}</stｙle></heaｄ><bｏdｙ>＜dｉvid="ａ"＞<ｓpａn＞SPAN</sｐａn>DIV<／ｄiｖ><spaｎ＞SＰAＮ</span＞<p>Ｐ＜/p＞<scｒipｔtype="teｘt／jaｖａscripｔ"＞functiongｅtOｕteｒHTML（iｄ）｛ｖareｌ=documeｎt.geｔＥlemｅntById（id）;varnｅwＮｏｄｅ＝ｄocumｅnt.createEleｍent（"diｖ");documｅnｔ.appendChild(nｅｗNoｄe);vａrcloｎｅ=el．cｌoneNodｅ（trｕe）;ｎewNode.ａpｐendＣhｉlｄ(clonｅ)；aleｒt（newNode.innerHTML）；documeｎt．rｅmovｅCｈｉlｄ(newNｏdｅ)；}gｅtＯｕterHTＭＬ(＂a")；</scripｔ＞</body＞<／hｔml>?

8，編寫一個(gè)方法求一個(gè)字符串的字節(jié)長(zhǎng)度?假設(shè)：?一個(gè)英文字符占用一個(gè)字節(jié),一個(gè)中文字符占用兩個(gè)字節(jié)

fｕncｔionGetＢytｅs(sｔr)｛vaｒlen=sｔｒ．length;ｖarbyｔｅs=lｅｎ;fｏr(varｉ=0;i<leｎ;i++){if（str.chaｒCodｅAｔ(i)>255)ｂyｔes++;}ｒeｔurnbyｔeｓ;｝aｌert(GetByｔｅｓ（"你好,as"));??9，編寫一個(gè)方法去掉一個(gè)數(shù)組的反復(fù)元素

ｖａｒarr=[1,1,2,3,3,２,1]；Ａrray.ｐroｔｏtｙpｅ.ｕｎique=funcｔiｏn()｛varｒet=［];vaｒo={};vaｒｌen＝thｉs．lengtｈ;for(vari=0；ｉ<ｌen;i＋＋){ｖａrv=tｈis[ｉ］;if(!o［v]）{o［v]=１；ret．push(v);}｝returnret;}；alerｔ（aｒｒ．unｉque())；

?10，寫出3個(gè)使用tｈis的典型應(yīng)用?(１）在html元素事件屬性中使用，如?<ｉｎｐuttyｐe＝”buｔtｏｎ”ｏnclｉcｋ=”showIｎfo(tｈｉs);”value=”點(diǎn)擊一下”/>

（2）構(gòu)造函數(shù)?functionAnｉｍal（name，color){tｈis.namｅ＝name;this.coloｒ=color;}?(3）?<inputtｙｐｅ="ｂｕｔｔｏn"id="text"value=＂點(diǎn)擊一下"/＞<sｃriptｔｙpe=＂tｅｘt/jaｖａscript＂＞ｖarｂｔｎ＝documｅnt.getElementByＩd("text");btｎ．oncliｃｋ=fuｎction(){ａleｒｔ(ｔhis.value);//此處的this是按鈕元素｝<／scrｉpt>

(4）CSSeｘpression表達(dá)式中使用this關(guān)鍵字?＜tablewidtｈ="100px"heiｇｈt＝＂100ｐx＂><tr><td>＜divsｔｙle="wｉdth：ｅxpreｓsｉｏn(thｉｓ.paｒｅｎtNoｄｅ.ｗｉdth);">divｅlement</diｖ><／td>＜/tｒ></table>??１1,如何顯示／隱藏一個(gè)DOM元素??ｅl.stｙle.ｄisplａy=＂";el.ｓtyｌe．diｓplaｙ=＂none";

eｌ是要操作的DOM元素

12,JavaScript中如何檢測(cè)一個(gè)變量是一個(gè)Sｔｒiｎｇ類型?請(qǐng)寫出函數(shù)實(shí)現(xiàn)

Striｎg類型有兩種生成方式:

（1)Vａrｓｔr=“hellowｏrｌｄ”;?（2）Ｖａｒstr2=newＳtring(“hellowoｒlｄ”);

ｆuｎctｉoｎI(lǐng)sＳtｒｉng(sｔr)｛ｒeturn(typｅofstｒ=="sｔriｎg"||str．coｎsｔructor==Stｒing);}varstr＝"";alert(IsStrinｇ(1))；alｅｒt（IsＳtring(str));alerｔ(ＩｓStriｎｇ(ｎeｗSｔｒｉｎg（sｔr)）);

?1３,網(wǎng)頁中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序，規(guī)定網(wǎng)頁上實(shí)時(shí)動(dòng)態(tài)顯示“××年還?！痢撂臁痢?xí)r××分××秒”

<!DOCTＹPEHＴMLPUBＬIC"-／/W3C//DTDHTＭL4.０1Ｔｒａnsitioｎal//EN""ＨYＰERLINＫ":／/３．orｇ／TR/html4／ｌoose.ｄtd&ｌｉnk2ｋey＝ｆ８７2a1cfｆ７＂＂><ｈtmｌ><heａd><meｔaｈttp-equiv="Content-Ｔype"content＝"text／html；cｈarｓｅt＝UTF-8"><title>倒計(jì)時(shí)</titｌe></head＞<body><inｐutｔｙpｅ＝"ｔｅxt"vａluｅ=""ｉd="ｉnput＂size＝"1000"/>＜ｓcripttｙｐe="ｔexｔ／jａvａscｒiｐｔ＂>ｆuｎctionｃounter（）{vaｒｄate=ｎewDate()；ｖaｒyｅａr=daｔe.gｅtFullYear();vａｒdaｔe２=nｅｗDａt(yī)e(year,12,３1,23,５9,５9);vartime＝（ｄate2-daｔe)／１0０0;ｖａrday=Ｍａt(yī)h.ｆlooｒ(time/(24*６0*60))ｖarhour=Mａｔh．flooｒ（ｔｉme%(24*６0＊6０）/(60*６0）)varmｉｎute＝Maｔh.fｌｏoｒ（time%（2４*6０＊60)％(60*60)/60）;vａrsecond=Ｍatｈ．flｏor(tｉme%（２4*6０*60)%(60*60)%60);varstr=yｅaｒ+＂年還剩"+daｙ+"天"+hｏuｒ+"時(shí)"+mｉnute+＂分"+second+＂秒＂;document.gｅｔEｌemｅntBｙId(＂iｎｐｕｔ").valｕe=str;｝window.setIntｅrｖaｌ（"counteｒ()",1000）;<／scｒｉpt></boｄy></hｔｍl＞

?14,補(bǔ)充代碼，鼠標(biāo)單擊Buｔtoｎ1后將Ｂutｔon1移動(dòng)到Buｔｔｏn2的后面<div＞<inputtype＝”button”id=”ｂutton１″value＝”1″oncｌiｃk=”??？”>＜inputtype=”ｂuｔton”id=”bｕtton2″value=”２″/”><／dｉｖ>?<div><inputtype="button＂iｄ=＂ｂutton1"vaｌue="1"oncｌｉck="moveBｔn(ｔhｉs);"＞＜inputtｙｐe="button"id=＂ｂｕtton2"valｕe＝"２"/＞<／div><scriｐttype="texｔ/javａscｒｉpt">fuｎｃtionmｏvｅBｔｎ(oｂj）｛vａrclone=obj.cｌoneNｏｄe(true);vaｒｐarｅｎt=ｏbj.ｐareｎｔNode；parｅnt.aｐpｅnｄChiｌd(clone);parｅnt.rｅｍｏveCｈild(oｂj）;}＜/ｓcｒｉpt＞?

１5,ＪavaScript有哪幾種數(shù)據(jù)類型

簡(jiǎn)樸:Numbｅｒ，Ｂooleaｎ,Strｉng，Null,Undｅfined?復(fù)合:Obｊｅct，Array，F(xiàn)ｕnction?

16,下面css標(biāo)簽在JavａＳcｒipt中調(diào)用應(yīng)如何拼寫，boｒdeｒ-ｌｅft-color,-ｍoｚ-ｖiｅwpoｒｔ

boｒｄｅrLｅftColor

mozＶiewport

１7，JaｖaＳcｒiｐt中如何對(duì)一個(gè)對(duì)象進(jìn)行深度ｃｌone?fｕnctioncloneＯbjｅct（ｏ){ｉｆ(!o||'obｊｅct＇!==ｔｙpeofo）{ｒeｔurno;}ｖarc=＇functｉｏn'=＝=typeofo.poｐ?[]:{};varｐ,v;fｏr（pino){if(o.haｓＯwnPｒｏpeｒty(p)){v＝ｏ[ｐ];if（v&&'ｏbject'＝＝=typｅofv）{c[p]=Ｅxｔ.ux.cloｎｅ(v）;}elｓe{c［ｐ]=v;｝}}ｒeturnc;};?

18，如何控制ａlerｔ中的換行?\nalerｔ（“ｐ\ｎp”);?

19，請(qǐng)實(shí)現(xiàn)，鼠標(biāo)點(diǎn)擊頁面中的任意標(biāo)簽，aｌeｒt該標(biāo)簽的名稱．（注意兼容性)

<!DOＣTYPEhtｍlPＵBＬIC＂－//W3C//DTDXHTML1.０Traｎsitioｎal//EN""HＹPEＲLIＮK＂://3．oｒg/ＴＲ/xhtmｌ1/DＴＤ/xhtml1-tranｓｉtｉoｎａl.dtd&ｌｉnｋ2key=f8７2a1cfｆ7""><ｈtmlxｍlns="HＹＰERLINK"://3．org/１999/xｈｔmｌ＆link2key=ｆ８72a１cｆf7"">＜head＞<meｔahttp-equiv＝"Cｏnｔent－Type"ｃontｅｎt＝＂text/htmｌ;charｓｅt=gb2312"/><title>鼠標(biāo)點(diǎn)擊頁面中的任意標(biāo)簽，alert該標(biāo)簽的名稱＜/tｉtlｅ><sｔyle>ｄiｖ{bａckｇroｕnd:＃0００0FＦ；wｉdｔh：100pｘ；heigｈt:100px；｝ｓｐan{bａｃkground:#00FF00;ｗiｄtｈ:１00pｘ;ｈeiｇht:１０0px;｝p{ｂaｃkｇroｕnd：＃ＦF000０;wｉdth:1００px;hｅigｈｔ:100px;}</ｓtyｌｅ><scripttype=＂ｔext/jａｖａscripｔ＂＞documｅnt．oｎｃｌｉｃk=fuｎｃtｉｏn(ｅvt){ｖａre=ｗindow.event||ｅvt；vaｒtａg=ｅ［"ｔａrget"]|｜ｅ["srcEｌement＂];alert(tag.tagNａme);};</ｓcript＞<／head＞＜boｄy><divid="ｄｉv"><span＞SPＡＮ<／span>ＤＩV</ｄiv><span>ＳＰAＮ＜／ｓpaｎ><p>P＜/p><／ｂｏdｙ></hｔmｌ>

?２０,請(qǐng)編寫一個(gè)JavaScrｉpt函數(shù)parseQｕerｙStriｎg,它的用途是把UＲL參數(shù)解析為一個(gè)對(duì)象,如:?varurl=“ＨＹＰEＲＬINK":／/wiｔ/ｉndex.php?ｋｅｙ0=0&ｋｅｙ1=１＆ｋey2=２&ｌink2key=f８72a1cff7＂″;?fuｎctioｎparseＱuerｙＳtring(url){varｐarams=｛｝;vararr=urｌ．ｓpliｔ("？＂);if(arr.lｅngth<＝1)retｕｒnparaｍs;arr=arｒ[1].sｐlｉt("＆");ｆoｒ（vaｒｉ=0,l=arr．lengｔh;i＜ｌ;i++)｛vara=ａrr[i].sｐlｉt("=＂);parａmｓ［a[0］=a[1];}reｔurnpaｒaｍs;}vaｒuｒl="HＹＰERLＩNK"://wｉ/ｉndex.ｐｈp？keｙ0=0&key１=1＆key2=2&ｌinｋ２ｋey＝ｆ８72a1ｃｆf７"";varps=parsｅQuerySｔｒｉng(uｒl)；aｌｅrｔ(ps[＂keｙ1"])；??21，aｊaｘ是什么？ajaｘ的交互模型?同步和異步的區(qū)別?如何解決跨域問題?

Ａjａｘ是多種技術(shù)組合起來的一種瀏覽器和服務(wù)器交互技術(shù)，基本思想是允許一個(gè)互聯(lián)網(wǎng)瀏覽器向一個(gè)遠(yuǎn)程頁面/服務(wù)做異步的ｈttｐ調(diào)用,并且用收到的數(shù)據(jù)來更新一個(gè)當(dāng)前weｂ頁面而不必刷新整個(gè)頁面。該技術(shù)可以改善客戶端的體驗(yàn)。臥龍閣網(wǎng)ｗoｌonｇe.ｃom公司點(diǎn)評(píng)，各種公司工作面試經(jīng)驗(yàn)分享。包含的技術(shù):?ＸHＴＭＬ:相應(yīng)W3Ｃ的XHＴML規(guī)范,目前是XHＴML1.0。?ＣＳS：相應(yīng)Ｗ3Ｃ的ＣSS規(guī)范，目前是CSS２.0

ＤOM：這里的DOM重要是指HTＭLDOM，ＸMLDＯＭ涉及在下面的XML中

JavaScrｉpt：相應(yīng)于ECMA的ＥCMAScrｉｐt規(guī)范

ＸML:相應(yīng)W3C的XＭLDOＭ、XSLT、ＸＰａt(yī)h等等規(guī)范

ＸMＬＨttpRequest：相應(yīng)WｈatWG的WebApｐlicａt(yī)ions１.0規(guī)范（HYPERLＩＮK"：//wｈａ／ｓpecs/web－aｐps／ｃｕrreｎt-worｋ/&linｋ2key=f8７２a1ｃｆf７＂)?AＪAＸ交互模型?

同步:腳本會(huì)停留并等待服務(wù)器發(fā)送回復(fù)然后再繼續(xù)

異步：腳本允許頁面繼續(xù)其進(jìn)程并解決也許的回復(fù)。臥龍閣網(wǎng)wｏloｎge.ｃom公司點(diǎn)評(píng),各種公司工作面試經(jīng)驗(yàn)分享。?跨域問題簡(jiǎn)樸的理解就是由于JS同源策略的限制，a.ｃom域名下的JS無法操作b.cｏｍ或ｃ．ａ.com下的對(duì)象，具體場(chǎng)景如下:??PS:(1)假如是端口或者協(xié)議導(dǎo)致的跨域問題前端是無能為力的?(２)在跨域問題上,域僅僅通過URL的首部來辨認(rèn)而不會(huì)嘗試判斷相同的IP地址相應(yīng)的域或者兩個(gè)域是否相應(yīng)一個(gè)IＰ。臥龍閣網(wǎng)ｗｏloｎge.cｏm公司點(diǎn)評(píng),各種公司工作面試經(jīng)驗(yàn)分享。?前端對(duì)于跨域的解決辦法：

(1）ｄocumenｔ．dｏｍain+iframe?(２)動(dòng)態(tài)創(chuàng)建script標(biāo)簽??2２,什么是閉包？下面這個(gè)ul，如何點(diǎn)擊每一列的時(shí)候aｌｅrt其ｉｎdex？

＜ｕliｄ=”teｓt”><lｉ>這是第一條</lｉ><ｌi>這是第二條</li＞<li＞這是第三條<／li>＜/ｕl>

內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時(shí)候就產(chǎn)生了閉包。

(functｉonＡ（)｛vaｒindex=0;ｖarul=ｄoｃuｍenｔ.geｔElemｅntByＩd("teｓｔ");varobj＝｛};ｆｏｒ（varｉ=0,l=ul．chｉlｄＮoｄeｓ.ｌength;i<l;i+＋){if(ｕｌ.chiｌdNodes［ｉ]．nodｅNamｅ．toLoｗerCase（)=="li")｛ｖarlｉ=ul．chｉlｄNodes[i];lｉ．ｏnｃlicｋ=fｕnｃtion(){iｎdeｘ++;alert(indｅx);}}}｝)()；

23,請(qǐng)給出異步加載ｊs方案，不少于兩種?默認(rèn)情況javascript是同步加載的，也就是jaｖasｃrｉpｔ的加載時(shí)阻塞的，后面的元素要等待jａｖａscｒipt加載完畢后才干進(jìn)行再加載，對(duì)于一些意義不是很大的jａvaｓcrｉpt，假如放在頁頭會(huì)導(dǎo)致加載很慢的話,是會(huì)嚴(yán)重影響用戶體驗(yàn)的。臥龍閣網(wǎng)ｗolｏngｅ.com公司點(diǎn)評(píng)，各種公司工作面試經(jīng)驗(yàn)分享。

異步加載方式：

(１)deｆer,只支持IＥ?(2）aｓｙnc:

（3)創(chuàng)建scｒiｐｔ,插入到DOM中,加載完畢后calｌBａck，見代碼:?functionloadScripｔ(urｌ,callback){varscｒipt＝docuｍeｎｔ.creaｔeElemｅnt（"ｓcrｉpｔ")scripｔ.type＝＂text/javａｓｃriｐｔ";if(scｒiｐt.readyStａt(yī)e){//ＩＥｓcriｐt．ｏnｒeadysｔａt(yī)echanｇe＝ｆunctioｎ(){ｉf(scrｉｐt．readｙState==＂ｌoaｄed"||script.reaｄyStaｔe=="ｃomｐletｅ＂){scrｉpｔ.onｒｅadysｔaｔecｈanｇe=nｕll;callback（)；｝};}else{/／Otｈeｒs:Ｆirｅfｏｘ,Safari,Chroｍe,aｎｄOpｅrascript.onload=function()｛caｌlback()；};｝scｒipt.sｒc＝url;docｕｍeｎｔ.body.aｐｐeｎdＣｈiｌd（scｒiｐt)；}

２4，請(qǐng)?jiān)O(shè)計(jì)一套方案,用于保證頁面中JＳ加載完全。?varｎ=documｅnt.crｅａt(yī)ｅＥlｅmeｎt("scripｔ"）;ｎ．ｔype＝"teｘt/javasｃｒipt＂；//以上省略部分代碼//ie支持sｃｒipｔ的reａdyｓｔaｔechangｅ屬性（IＥsupportｔherｅａdystaｔecｈａngｅe(cuò)ventforscrｉｐｔａndｃｓsｎodes)if(ua.iｅ)｛n．onreaｄysｔatechanｇe=functiｏn(）{vaｒrs=this.ｒeadyStaｔe；if('loａded'===rs｜|'cｏmplｅtｅ'==＝rｓ){n.onreadystaｔechａngｅ=null;f（id,urｌ);//回調(diào)函數(shù)}｝；／/省略部分代碼／/ｓａfari3.ｘsｕppoｒtsthelｏadeventｆｏｒscriptnｏdes(DＯM2）n.ａddEvｅntLisｔeｎer('ｌoad',funcｔion(){f(id,ｕrl);｝);//fireｆｏxandoperasｕpｐorｔonloaｄ(butnotdom2inff)haｎdlｅrsfor//ｓｃriptnｏdes.opeｒａ,buｔnoff,suｐporｔtheonｌoａdeveｎtforlink/／noｄｅs.｝else｛n.onloａｄ=fuｎction(）{f(id,ｕrｌ）;}；}

2５，js中如何定義claｓs,如何擴(kuò)展prｏｔotype??Elｅ.clａsｓNaｍe＝“**＊”;／/＊**在css中定義,形式如下:.*＊*｛…}

A．prｏtｏｔype.B=Ｃ;

A是某個(gè)構(gòu)造函數(shù)的名字

B是這個(gè)構(gòu)造函數(shù)的屬性?C是想要定義的屬性的值

26,如何添加htmｌ元素的事件，有幾種方法.

(1)為ＨＴML元素的事件屬性賦值

（2)在JS中使用elｅ.on***=fuｎｃtion(）{…}?(3)使用DOＭ2的添加事件的方法ａddEventLｉｓｔeｎer或atｔacｈEvent?

27，ｄocｕmen.wr