javascript經(jīng)典代碼(javascript常用代碼大全)
1、在學(xué)習(xí)JavaScript之前我們應(yīng)該先來了解一下JavaScript代碼如何使用下面我們就來看看js代碼的用法我們在使用JavaScript代碼有兩種寫法一種是在HTML頁面中直接嵌入js代碼,另一種是通過鏈接外部的JavaScript文件我們先來看第一種用法在HTML頁面中直接嵌入js代碼如果在HTML頁面中直接嵌入JavaScript代碼,我們;ltScript language=quotJavascriptquot var x=50,y=60 浮動圖片的初始位置x,yvar xin=true,yin=truexin表示向右移,yin表示向下移其實(shí)用TurnRight,TurnDown表示這兩個變量更易明var step=1var delay=10 延遲時間 function A var L=T=0 L=0left,Ttop=。
2、1 2 windowstatus = “A new status message”3 55 彈出確認(rèn)提示框1 2 var userChoice = windowconfirm“Click OK or Cancel”3 if userChoice 4 documentwrite“You chose OK”5 else 6 documentwrite“You chose Cancel”7 8 56 提示輸入1 2 va;constanagrams=str=ifstrlengthstrreturnstrsplit#39#39reduceacc,letter,i=accconcatanagramsstrslice0,i+strslicei+1mapval=letter+val,anagrams#39abc#39#39abc#39;3documentgetElementsByTagNamequotulquot這段代碼是獲頁面上所有的ul,返回的是數(shù)組,0就是去第一個ul 4用到j(luò)avascript的for循環(huán)數(shù)組獲取長度aDatalength自增i++變量的定義var 5html標(biāo)簽的動態(tài)創(chuàng)建documentcreateElementquotliquot6字符串的拼接oLiinnerHTML += #39#397。
3、代碼使用 $documentready 函數(shù)確保文檔加載完成后才運(yùn)行代碼然后使用 $#x27menu li a#x27each 方法選擇菜單中所有列表項(xiàng)內(nèi)的超鏈接,并使用 each 方法循環(huán)遍歷它們之后使用 if $$this0href == Stringwindowlocation 條件檢查超鏈接的URL是否與當(dāng)前頁面;首先思路如下檢測用戶是否更改數(shù)量或單價 檢測用戶是否輸入的是數(shù)字 計算,并返回值到總價中 簡易代碼如下以下為部分代碼lt!onkeyup方法是在鍵盤按鍵按下并松開時發(fā)生 count輸入值是數(shù)量和價格的value function countn,p ifNumbern==n Numberp==p這一步是;var i= 61定義金字塔的起始截止寬度百分比為單位whilei0進(jìn)行循環(huán),當(dāng)寬度大于0時,打印一個寬度為i的hr水平線,并將i自減10個百分比 documentwritequotquoti=i10 forvar j=11jlt70j=j+10進(jìn)行循環(huán),對j賦以初值11,當(dāng)j小于70時打印一個寬度為j的hr水平線。
4、這段 ES6 JavaScript 代碼展示了一個關(guān)于 Promise 鏈的例子在這個例子中,一個簡單的錯誤導(dǎo)致了 Promise 鏈的中斷,使得 p4 與 p2 和 p3 同時進(jìn)行讓我們先理解這段代碼首先,創(chuàng)建了一個名為 p1 的新 Promise,并立即將其解析為值 1然后,在 p1 的 then 方法中,我們調(diào)用了一個名為 p2;將JavaScript代碼翻譯成易語言代碼時,需要將JavaScript的語法和函數(shù)轉(zhuǎn)換為易語言的語法和函數(shù)這里是將給定的JavaScript代碼轉(zhuǎn)換為易語言代碼的示例子程序 decryptDatar變量 t, n, e, ot = r長度n = t + 2 3向下取整e = 4 * no = 創(chuàng)建數(shù)組0 到 t 1循環(huán) 取 e 從。
5、解決這個問題的方法是將這些元素定義成數(shù)組,相比只設(shè)置 var ps = documentgetElementsByTagName‘p#39 稍微有點(diǎn)麻煩,下面是Zakas提供的強(qiáng)制使用數(shù)組的代碼9 不要碰DOM!不使用DOM是JavaScript優(yōu)化中另一個很大的話題經(jīng)典的例子是添加一系列的列表項(xiàng)如果你把每個列表項(xiàng)分別加到DOM中,肯定會比一次性加入所有;1布局排版 2鼠標(biāo)移上文本框發(fā)光效果實(shí)現(xiàn)給文本框取一個ID號,如txtInput,設(shè)置如下CSS樣式#txtInputhoverboxshadow0px0px 5px 0px #0000ff ,其中#txtInputhover表示鼠標(biāo)移上ID為txtInput的網(wǎng)頁元素boxshadow為CSS3屬性,表示邊框有陰影3應(yīng)用文本框onkeydown事件處理按下;以下是一段 JavaScript 代碼,可以實(shí)現(xiàn)將變量a和b的值分別設(shè)置為 11 和 7,然后計算a除以b的整數(shù)部分并顯示在頁面上在這段代碼中,我們首先定義了兩個變量a和b,分別將它們的值設(shè)置為 11 和 7然后,我們使用consolelog方法輸出計算結(jié)果,該方法可以打印出表達(dá)式的值并在控制臺中顯示為了實(shí)現(xiàn);var textId=form1uidvalueiftextIdlengthlt6 textIdlength12alertquot并列quotreturnelse iftextIdlength2 textIdlengthlt6alertquot或者quotJS代碼的特點(diǎn) 1能夠具有交互性,能夠包含更多活躍的元素,就有必要在網(wǎng)頁中嵌入,如JavascriptVBScriptDocument Object ModelDOM;ltSCRIPT LANGUAGE=quotJavaScriptquot lt! hide script from old browsers var phrase = quot精彩javascript特效quotvar lenPhrase = phraselengthvar phraseOut = quotquot 這個變量用來存放顯示在狀態(tài)欄的文本 var pause = 25 這個變量用來定義每隔多長時間執(zhí)行一次stack函數(shù) var i=0var。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。