打開

<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=另(ling)存為(wei)><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> &nbsp;

屬性

<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬(shu)性><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>&nbsp; 

頁面設置

<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設(she)置><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()">  

導入收藏

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

導出收藏

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

加入收藏

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

整理收藏夾

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

查看原文件

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

語言設置

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

前進

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

后退

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

用javascript操作數據庫

CSS結合JS的運用

利用CSS配合javascript可(ke)以做很多(duo)更酷(ku)的(de)(de)動(dong)態頁面效果，現在(zai)(zai)就(jiu)簡單的(de)(de)給大家簡單介紹(shao)一下CSS配合(he)JS的(de)(de)應用(yong)。首先，我(wo)們要(yao)搞清(qing)楚事件(jian)和動(dong)作的(de)(de)概(gai)念。在(zai)(zai)客戶端腳本(ben)中，javascript 通過對事件(jian)進行響應來獲得(de)與用(yong)戶的(de)(de)交(jiao)互(hu)。例(li)如，當用(yong)戶單擊一個按鈕或者在(zai)(zai)某段文字(zi)上移動(dong)鼠(shu)(shu)標(biao)時(shi)，就(jiu)觸發了一個單擊事件(jian)或鼠(shu)(shu)標(biao)移動(dong)事件(jian)，通過對這些(xie)事件(jian)的(de)(de)響應，可(ke)以完成特(te)定的(de)(de)功(gong)能（例(li)如，單擊按鈕彈出(chu)對話框，鼠(shu)(shu)標(biao)移動(dong)到文本(ben)上后文本(ben)變(bian)色(se)等）。 下面介紹(shao)幾種常見的(de)(de)事件(jian)（還用(yong)更多(duo)事件(jian)，請(qing)查閱(yue)相關(guan)資料）：

onClick：鼠標單擊事件。（是指鼠標按下，然后(hou)松開(kai)時(shi)產生。）

onDblClick：鼠標雙擊事(shi)件(jian)。（是(shi)指鼠標快速按下，松開(kai)，并再次按下時產(chan)生(sheng)。）

 onMouseDown：鼠標按下事件(jian)。（鼠標按下時(shi)即(ji)產生。）

onMouseUp：鼠(shu)標釋放事(shi)件。（是指鼠(shu)標從按下(xia)的(de)狀態到彈起。）

onMouseMove：鼠(shu)標移動事(shi)件(jian)。（是指在特定元素上移動鼠(shu)標。） onMouseOver：鼠(shu)標經過事(shi)件(jian)。（是指，當指針從(cong)外界往元素上移動時產生。）

onMouseOut：鼠標(biao)離開事件。（是指鼠標(biao)從特定元(yuan)素上離開時(shi)產生。）

onLoad：載入(ru)(ru)事件。（當(dang)圖象或頁(ye)面結束載入(ru)(ru)時產生。）

onUnload：卸載事件。（當(dang)訪(fang)問者離開(kai)頁面時(shi)產(chan)生。）

onScroll：滾(gun)動條滾(gun)動事(shi)件。（當訪(fang)問者使用卷軸上(shang)移或(huo)下(xia)移時產生。）

有了事件以后，我們(men)就為事件加上動作。這(zhe)里只說改變(bian)當前元(yuan)素自定義(yi)樣式的動作，我們(men)可以用(yong)這(zhe)個(ge)(ge)方法先(xian)設定好兩個(ge)(ge)自定義(yi)的CSS樣式，對象(xiang)原先(xian)調(diao)用(yong)第一種樣式，當產生鼠標事件時讓(rang)對象(xiang)應用(yong)到第二種CSS樣式，而產生的鼠標效果，看下面這(zhe)個(ge)(ge)例(li)子。

在網頁中(zhong)插(cha)入一個(ge)圖(tu)象，自定義一個(ge)“.out”樣式(shi)，用gray濾鏡使(shi)圖(tu)片(pian)變(bian)成黑白的(de)：

將(jiang)這(zhe)個(ge)自(zi)定義(yi)樣(yang)(yang)(yang)式(shi)應用到圖片上，在瀏覽器中預(yu)覽到圖片變成了黑白，我們再(zai)定義(yi)一(yi)個(ge)樣(yang)(yang)(yang)式(shi)“.over”，這(zhe)個(ge)樣(yang)(yang)(yang)式(shi)沒有任(ren)何內容，是空樣(yang)(yang)(yang)式(shi)，樣(yang)(yang)(yang)式(shi)表代碼如(ru)下：

然后(hou)在圖片(pian)標記(ji)（IMG）里加上“onMouseOver="this.className=’over’" onMouseOut="this.className=’out’"”，意思為(wei)當(dang)(dang)鼠(shu)標經過時，圖片(pian)為(wei)over樣式(shi)，即彩色正常(chang)圖象(xiang)(xiang)；當(dang)(dang)鼠(shu)標離開時，圖片(pian)為(wei)out樣式(shi)，即黑(hei)白圖象(xiang)(xiang)。oMouseOver和onMouseOut是鼠(shu)標事件，this.className=”…”表示當(dang)(dang)前對象(xiang)(xiang)的class名為(wei)…，注意大(da)小寫(xie)不要(yao)寫(xie)錯，JS對大(da)小寫(xie)非常(chang)敏感。

這樣這個效(xiao)果(guo)就完成了(le)，保存后在(zai)瀏(liu)覽器里打開(kai)，圖(tu)象(xiang)是黑(hei)白的，當鼠(shu)標移上去時，圖(tu)象(xiang)變成彩(cai)色，鼠(shu)標離開(kai)時，圖(tu)象(xiang)又變回黑(hei)白。只要(yao)發揮你(ni)的想象(xiang)，通過this.className方法還(huan)可(ke)以做(zuo)出(chu)很多好看的鼠(shu)標效(xiao)果(guo)。