JavaScript經(jīng)典語句及其基本應(yīng)用

打開

<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>  
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

另存為

<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>  

屬性

<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>  

打印

<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>  

頁面設(shè)置

<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設(shè)置><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>  

刷新

<input type=button value=刷新 name=refresh onclick="window.location.reload()">  

導(dǎo)入收藏

<input type="button" name="Button" value="導(dǎo)入收藏夾" onClick=window.external.ImportExportFavorites(true,);> 

導(dǎo)出收藏

<input type="button" name="Button3" value="導(dǎo)出收藏夾" onClick=window.external.ImportExportFavorites(false,);>

加入收藏

<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夾> 

整理收藏夾

<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夾> 

查看原文件

<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文件>

語言設(shè)置

<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=語言設(shè)置>

前進

<INPUT name=Submit onclick=history.go(1) type=submit value=前進> 

后退

<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>

用javascript操作數(shù)據(jù)庫

CSS結(jié)合JS的運用

利用CSS配合javascript可以做很多更酷的動態(tài)頁面效果，現(xiàn)在就簡單的給大家簡單介紹一下CSS配合JS的應(yīng)用。首先，我們要搞清楚事件和動作的概念。在客戶端腳本中，javascript 通過對事件進行響應(yīng)來獲得與用戶的交互。例如，當(dāng)用戶單擊一個按鈕或者在某段文字上移動鼠標(biāo)時，就觸發(fā)了一個單擊事件或鼠標(biāo)移動事件，通過對這些事件的響應(yīng)，可以完成特定的功能（例如，單擊按鈕彈出對話框，鼠標(biāo)移動到文本上后文本變色等）。 下面介紹幾種常見的事件（還用更多事件，請查閱相關(guān)資料）：

onClick：鼠標(biāo)單擊事件。（是指鼠標(biāo)按下，然后松開時產(chǎn)生。）

onDblClick：鼠標(biāo)雙擊事件。（是指鼠標(biāo)快速按下，松開，并再次按下時產(chǎn)生。）

onMouseDown：鼠標(biāo)按下事件。（鼠標(biāo)按下時即產(chǎn)生。）

onMouseUp：鼠標(biāo)釋放事件。（是指鼠標(biāo)從按下的狀態(tài)到彈起。）

onMouseMove：鼠標(biāo)移動事件。（是指在特定元素上移動鼠標(biāo)。） onMouseOver：鼠標(biāo)經(jīng)過事件。（是指，當(dāng)指針從外界往元素上移動時產(chǎn)生。）

onMouseOut：鼠標(biāo)離開事件。（是指鼠標(biāo)從特定元素上離開時產(chǎn)生。）

onLoad：載入事件。（當(dāng)圖象或頁面結(jié)束載入時產(chǎn)生。）

onUnload：卸載事件。（當(dāng)訪問者離開頁面時產(chǎn)生。）

onScroll：滾動條滾動事件。（當(dāng)訪問者使用卷軸上移或下移時產(chǎn)生。）

有了事件以后，我們就為事件加上動作。這里只說改變當(dāng)前元素自定義樣式的動作，我們可以用這個方法先設(shè)定好兩個自定義的CSS樣式，對象原先調(diào)用第一種樣式，當(dāng)產(chǎn)生鼠標(biāo)事件時讓對象應(yīng)用到第二種CSS樣式，而產(chǎn)生的鼠標(biāo)效果，看下面這個例子。

在網(wǎng)頁中插入一個圖象，自定義一個“.out”樣式，用gray濾鏡使圖片變成黑白的：

將這個自定義樣式應(yīng)用到圖片上，在瀏覽器中預(yù)覽到圖片變成了黑白，我們再定義一個樣式“.over”，這個樣式?jīng)]有任何內(nèi)容，是空樣式，樣式表代碼如下：

然后在圖片標(biāo)記（IMG）里加上“onMouseOver="this.className=’over’" onMouseOut="this.className=’out’"”，意思為當(dāng)鼠標(biāo)經(jīng)過時，圖片為over樣式，即彩色正常圖象；當(dāng)鼠標(biāo)離開時，圖片為out樣式，即黑白圖象。oMouseOver和onMouseOut是鼠標(biāo)事件，this.className=”…”表示當(dāng)前對象的class名為…，注意大小寫不要寫錯，JS對大小寫非常敏感。

這樣這個效果就完成了，保存后在瀏覽器里打開，圖象是黑白的，當(dāng)鼠標(biāo)移上去時，圖象變成彩色，鼠標(biāo)離開時，圖象又變回黑白。只要發(fā)揮你的想象，通過this.className方法還可以做出很多好看的鼠標(biāo)效果。