JavaScript經典語句及其基本應用

來源:互聯網
上載者:User

核心提示:JavaScript經典語句及其基本應用

■開啟■

<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>  

■版面設定■

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

■重新整理■

<input type=button value=重新整理 name=refresh >  

■匯入收藏■

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

■匯出收藏■

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

■加入收藏■

<INPUT name=Button2 type=button value=加入收藏夾> 

■整理收藏夾■

<INPUT name=Submit2 type=button value=整理收藏夾>

■查看原檔案■

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

■語言設定■

<INPUT name=Button type=button value=語言設定>

■前進■

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

■後退■

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

javascript操作資料庫

<script language="javascript" runat="server"> 
   //用 javascript 寫伺服器端串連資料庫的程式碼範例 
   var conn = new ActiveXObject("ADODB.Connection"); 
   conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; " 
     +"Password=password; Initial Catalog=meizz"); 

   var rs = new ActiveXObject("ADODB.Recordset"); 
   var sql="select user_kind from tbRightSet where user_id=’"+ Account +"’"; 

   rs.open(sql, conn); 
   if (!rs.EOF) 
   { 
     sysUserKind = (rs("user_kind")+"").replace(/^\s+\s+$/, ""); 
   } 
   rs.close(); rs = null; conn.close(); conn = null; 
</script> 

CSS結合JS的運用

利用CSS配合javascript可以做很多更酷的動態網頁面效果,現在就簡單的給大家簡單介紹一下CSS配合JS的應用。首先,我們要搞清楚事件和動作的概念。在用戶端指令碼中,javascript 通過對事件進行響應來獲得與使用者的互動。例如,當使用者單擊一個按鈕或者在某段文字上移動滑鼠時,就觸發了一個單擊事件或滑鼠移動事件,通過對這些事件的響應,可以完成特定的功能(例如,單擊按鈕彈出對話方塊,滑鼠移動到文本上後文本變色等)。 下面介紹幾種常見的事件(還用更多事件,請查閱相關資料):

  onClick:按一下滑鼠事件。(是指滑鼠按下,然後鬆開時產生。)

  onDblClick:滑鼠雙擊事件。(是指滑鼠快速按下,鬆開,並再次按下時產生。)

  onMouseDown:滑鼠按下事件。(滑鼠按下時即產生。)

  onMouseUp:滑鼠釋放事件。(是指滑鼠從按下的狀態到彈起。)

  onMouseMove:滑鼠移動事件。(是指在特定元素上移動滑鼠。) onMouseOver:滑鼠經過事件。(是指,當指標從外界往元素上移動時產生。)

  onMouseOut:滑鼠離開事件。(是指滑鼠從特定元素上離開時產生。)

  onLoad:載入事件。(當圖象或頁面結束載入時產生。)

  onUnload:卸載事件。(當訪問者離開頁面時產生。)

  onScroll:捲軸滾動事件。(當訪問者使用捲軸上移或下移時產生。)

  有了事件以後,我們就為事件加上動作。這裡只說改變當前元素自訂樣式的動作,我們可以用這個方法先設定好兩個自訂的CSS樣式,對象原先調用第一種樣式,當產生滑鼠事件時讓對象應用到第二種CSS樣式,而產生的滑鼠效果,看下面這個例子。

  在網頁中插入一個圖象,自訂一個“.out”樣式,用gray濾鏡使圖片變成黑白的:

  將這個自訂樣式應用到圖片上,在瀏覽器中預覽到圖片變成了黑白,我們再定義一個樣式“.over”,這個樣式沒有任何內容,是空樣式,樣式表代碼如下:


<style type="text/css"> 

<!-- 

.over {} 

.out {filter: Gray} 

--> 

</style>

  然後在圖片標記(IMG)裡加上“ ”,意思為當滑鼠經過時,圖片為over樣式,即彩色正常圖象;當滑鼠離開時,圖片為out樣式,即黑白圖象。oMouseOver和onMouseOut是滑鼠事件,this.className=”…”表示當前對象的class名為…,注意大小寫不要寫錯,JS對大小寫非常敏感。

  這樣這個效果就完成了,儲存後在瀏覽器裡開啟,圖象是黑白的,當滑鼠移上去時,圖象變成彩色,滑鼠離開時,圖象又變回黑白。只要發揮你的想象,通過this.className方法還可以做出很多好看的滑鼠效果。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。