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 onclick="window.location.reload()">  

■导入 收藏■

<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 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=查看源文件>

■语言设置■

<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操作数据库

<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)里外加“onMouseOver="this.className=’over’" onMouseOut="this.className=’out’"”,意思为当鼠标经 过期,图片为over 款式,即彩色 畸形图象;当鼠标离开时,图片为out 款式,即黑白图象 。oMouseOver和onMouseOut是鼠标事件,this.className=”…” 示意目前对象的class名为…, 留神大小写不要写错,JS对大小写十分敏感 。

  这样这个 动机就 实现了, 保留后在阅读器里 打开,图象是黑白的,当鼠标移上去时,图象变成彩色,鼠标离开时,图象又变回黑白 。 惟独 施展你的 设想,通过this.className 步骤还 可以做出众多好看的鼠标 动机 。