JavaScript小技巧全集

1、精品文檔JavaScript小技巧全集（一）第一集如何用滑鼠控制Web頁面在這一部分首先要為你展示的JavaScript特性是將你的滑鼠移到這個不同顏色的連結(jié)上面，此時看看瀏覽器下的狀態(tài)列有何結(jié)果，然后這樣的功能我們可以與JavaScript的功能相結(jié)合。怎樣做到的呢以下就是這一個連結(jié)的作法: ahref=tpage.htmonMouseOver=window.status= Justanotherstupidlink.;returntrue在這兒你只要在傳統(tǒng) a的標簽中加入onMouseOver的method就可達成你要的效果了。這里的window.status是用來讓你可以在WWW瀏覽器的

2、狀態(tài)列上顯示一些訊息用的。在語法中， 你可以看到訊息部分是用括起來的部分， 而非以括起來。在訊息部分結(jié)束之后，必須加上;returntrue 。好了，利用以上的特性可以很簡單的完成第二個連結(jié)的例子，相當簡單。以onMouseOver的method，然后配合事件發(fā)生時去呼叫函數(shù)hello()就行了，不再多加解釋了。作法如下 html head scriptlanguage=LiveScript !-Hidingfunctionhello()alert(哈羅 !); /script /head body ahref=onMouseOver=hello()link/a /body /html第二集

3、如何在頁面內(nèi)加入日期我們要告訴你一個使用日期和時間的例子，是從你個人客戶端機器獲取日期和時間。做法如下： scriptlanguage=LiveScript !-Hidingtoday=newDate()document.write(現(xiàn)在時間是,today.getHours(),:,today.getMinutes()document.write(br 今天日期為,today.getMonth()+1,/,today.getDate(),/,today.getYear();/endhidingcontents- /script。1歡迎下載精品文檔在本例中，我們必需首先建立一個日期變數(shù)，這可以由

4、today=newDate() 來完成。如果沒有特別指定時間與日期的話，瀏覽器將會采用本地客戶端機器的時間。若將它放入變數(shù)today中，這兒要注意的是，我們并沒有宣告today這個變數(shù)的型態(tài)。除以上功能外，在建立日期物件時你也可以事先設(shè)定日期如下：docStarted=newDate(96,0,13)首先是年，接著是月（但記得減1） , 再接著是日。同樣的方法也可以加上時間的設(shè)定。如下docStarted=newDate(96,0,13,10,50,0)前三個是日期的年、月、日，接著是時、分、秒。最后，我們必須提醒你JavaScript并沒有實際的日期型態(tài)，但是它卻能毫不費力地顯示出日期和時間

5、，原因是它是從1/1/197000h開始以ms(milliseconds)來計算目前的時間的，這聽起來似乎有些復雜。但你倒不用擔心，它有標準的共用函數(shù)可以計算，你只要知道如何用就可以了。第三集如何在網(wǎng)頁上使用history和 forward我們來看一個可以讓你瀏覽不同文件的語法，我們這兒所要談的是back()和forward()這兩個函數(shù)，如果你本身的文件中有一個連結(jié)是回到你本身文件的上一個連結(jié)文件的話，那和Netscope瀏覽器中所提供的back按鈕功能是不一樣的。例如，在我的文件中，正常的連結(jié)連到某些我們認為會是這個文件來源的地方,稱這個連結(jié)叫back，而Netscape瀏覽器中的back

6、 按鈕，則是回到你歷史記錄中的上一個連結(jié)，所以不同JavaScript，也能提供類似Netscape中 back按鈕的功能，試試這個連結(jié)，你可以體會一下回來的感覺，這個語法如下所示： html body FORM NAME=buttonbar INPUT TYPE=button VALUE=Back onClick=history.back() INPUT TYPE=button VALUE=JS- Home onClick=location= script.htm INPUT TYPE=button VALUE=Next onCLick=history. forward() /FORM /b

7、ody /html以上你也可以直接寫成history.go(-1)與history.go(1)第四集如何使用運算函數(shù)這是一個特殊的內(nèi)建函數(shù)eval 包括了運算式子為其參數(shù), 運算元 , 并回傳一個值 .這函數(shù)對于運算一個表示的數(shù)值字串而言非常有用, 舉例來看 , 從 FORM所輸入的值總是字串, 但你也許想要拿來運算, 那我該怎么辦 ?下面的這一個例子包函了輸入的文字欄位, 應(yīng)用的運算函數(shù)和顯示結(jié)果的另一區(qū)塊. 假如你打了一個數(shù)值運算式在第一個欄位, 并且按下了按鈕 , 運算式便會開使運算, SCRIPTfunctioncompute(obj)。2歡迎下載精品文檔= /SCRIPT FORM

8、NAME=evalformEnteranexpression: INPUT TYPE=text NAME=expr SIZE=20 BRResult: INPUTTYPE=textNAME=resultSIZE=20 BR INPUT TYPE=button VALUE=Click Me onClick=compute(this.form) /FORM以下是原始語法 HTML HEAD TITLE瀏覽器的狀態(tài)欄 /TITLE /HEAD BODY BGCOLOR=#FFFFFF SCRIPT language=JavaScript !-Hidefunctionstatbar(txt)windo

9、w.status=txt;/ - /SCRIPT CENTER/CENTER CENTERBFONT COLOR=#0000FF /FONT /B /CENTER P FORM P FONT COLOR=#000000 INPUTtype=buttonname=lookvalue= 顯示 !onclick=statbar(嗨這是狀態(tài)列訊息! ); INPUTtype=buttonname=erasevalue= 清除 !onclick=statbar( ); /FONT BR/FORM CENTERFONT COLOR=#000000 /FONT /CENTER /BODY /HTML在這個例

10、子中我們建了二個按鈕，此二個按個均會去呼叫statbar(txt)。函數(shù)中的txt表示此函數(shù)將經(jīng)由函數(shù)呼叫時傳一個變數(shù)值進來( 我們叫txt但它可代表任意不同的值) 你可以見到在產(chǎn)生按鈕的 form標簽中，呼叫到函數(shù)statbar(txt)在此我們就不再寫成txt。3歡迎下載精品文檔直接把要顯示在狀態(tài)列上的文字寫上去，于是我們可以見到這樣的效果，變數(shù)txt經(jīng)由Value 中得它的值， 然后傳入所呼叫的函數(shù)中。所以當你按顯示的按鈕時，statbar(txt)函數(shù)被呼叫，然后txt將讀入字串嗨這是狀態(tài)列訊息并且傳入函數(shù)中，這種經(jīng)由變數(shù)傳遞值的方式，可以使函數(shù)相當具有可變性。接著來看第二個按鈕清除它

11、也呼叫同樣的函數(shù)，我們并不需要因為傳遞參數(shù)的不同而言兩個不同的函數(shù)。所以現(xiàn)在我們可以來看看statbar(txt)這個函數(shù)做些什么了, 其實它相當簡單。你只要將txt所要傳的文字內(nèi)容指定給window.status這個變數(shù)就可以了。即是 window.status =txt ，而在清除狀態(tài)列的時候，只是將空字串寫入即可。不過要注意的是必須使用單引號及雙引號來區(qū)別，這樣才容易區(qū)分。以下是我們所制作的跑馬燈效果的源程序 html head scriptlanguage=JavaScript !-Hidevarscrtxt=這兒的訊息可以改為你要告訴別人的話+或是注意事項.;varlentxt=sc

12、rtxt.length;varwidth=100;varpos=1-width;functionscroll()pos+;varscroller=;if(pos=lentxt)pos=1-width;if(pos 0)for(vari=1;i =Math.abs(pos);i+)scroller=scroller+;scroller=scroller+scrtxt.substring(0,width-i+1);elsescroller=scroller+scrtxt.substring(pos,width+pos);window.status=scroller;setTimeout(scrol

13、l(),150);/- /script bodyonLoad=scroll();returntrue;Heregoesyourcoolpage! /body /html。4歡迎下載精品文檔此一程式中我們使用了和上面同樣的函數(shù)（或部分）setTimeout(.)通知，計時器在時間到時去呼叫scroll()函數(shù)，使得跑馬燈中的文字往前進一格。在函數(shù)的一開始，有一些較羅嗦的計算部分，但這并不難使我們了解，這些計算主要是用來取得跑馬燈中的文字應(yīng)該由那一個位置開始顯示的用途。一開始當然是必需加一些空白在字的左邊，讓文字部分能盡可能靠右，然后再一字字的將空白減少，結(jié)果自然就造成字往前移動的效果了。第七集如

14、何去產(chǎn)生亂數(shù)接下來我們要為你介紹一個可以產(chǎn)生亂數(shù)的函數(shù)，也是以JavaScript所寫的這個函數(shù)只是利用了一點小技巧而已。而這種技巧在大部分的編譯器 (compiler)中，大都是如此（或類似）計算出亂數(shù)來的。相信JavaScript最后應(yīng)也會以相似的方法來產(chǎn)生這樣的method，如果它會提供這樣功能的話，以下是此函數(shù)的結(jié)果：這是一個計算產(chǎn)生的亂數(shù)以下是這個作法的寫法 head scriptlanguage=LiveScriptfunctionRandomNumber()today=newDate();num=Math.abs(Math.sin(today.getTime();returnnu

15、m; /script /head body scriptlanguage=LiveScript !-document.write(Thisisarandomnumber:,RandomNumber();/- /script /body /html我們的做法是以上一個范例中的時間函數(shù)，它會出現(xiàn)一個很大的數(shù)，利用這個數(shù)再加以運算即可。例如：將它拿來做正弦函數(shù)（sin ）的運算，得到的數(shù)再做絕對值的運算，結(jié)果可以得到一個介於0與1間的實數(shù)，因為時間的改變是ms為單位， 而且你絕不會獲得相同的數(shù)字不過這個做法并不適合拿來快速的連續(xù)產(chǎn)生一系列的亂數(shù)，但如果你是不定時久久的用一次，那效果就不錯了。5歡迎下

16、載精品文檔JavaScript小技巧全集（二）第八集如何自動加上最后修改時間我們在HTML 文件檔完成了以后，常會加上一行文件最后修改的日期?，F(xiàn)在你可不用擔心每次都要去改或是忘了改了，你可以很簡單的寫一個如下的描述語法程式。就可以自動的為你每次產(chǎn)生最后修改的日期了。 html bodyThisisasimpleHTML-page. brLastchanges: scriptlanguage=LiveScript !-hidescriptfromoldbrowsersdocument.write(document.lastModified)/endhidingcontents- /script

17、/body /html以上的document.lastModified參數(shù)在Netscape2.0beta2版時是被寫成documeut.lastmodified的。然而之后的版本就改為document.lastModified。所以注意一下JavaScript本身是會區(qū)分大小寫的lastmodified與 lastModified在它看來是不同的結(jié)果。第九集JAVASCRIPT基礎(chǔ) (1)一、什么是JAVASCRIPT語言 ?JavaScript是一種新的描述語言，此一語言可以被箝入HTML的文件之中，透過JavaScript可以做到回應(yīng)使用者的需求事件( 如 form 的輸入 ) 而不用任

18、何的網(wǎng)路來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給服務(wù)器(server)處理，再傳回來的過程，而直接可以被客戶端 (client)的應(yīng)用程式所處理。你也可以想像成有一個可執(zhí)行程式在你的客端上執(zhí)行一樣。目前已有一些寫好的程式在Internet上你可以連過去看看。JavaScript和 Java 很類似， 但到底并不一樣。Java 是一種比JavaScript更復雜， 許多的程式語言。 而 JavaScript則是相當容易了解的語言。第十集JAVASCRIPT基礎(chǔ) (2)二、如何執(zhí)行JaveScript。6歡迎下載精品文檔Netscape2.0beta3版以上，就可以執(zhí)行JavaScript的功能了。我們測試過至少beta3 版以上可以。目前為止，除了Netscape 外，似乎尚沒有其他種類的WWW瀏覽器有此一功能。以下我們就以一些例子來告訴你如何將JavaScript寫在 HTML文件中，并且