JavaScript经典语句及其基本应用 |
||
■ 打开■ <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=
打开> ■另存为■ <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操作数据库
CSS 联合JS的 使用 利用CSS配合javascript 可以做众多更酷的动态页面 动机,现在就 方便的给大家 方便介绍一下CSS配合JS的 利用 。首先,我们要搞清晰事件和动作的概念 。在客户端脚本中,javascript 通过对事件进行响应来 获得与消费者的交互 。例如,当消费者单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应, 可以 实现特定的 性能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等) 。 下面介绍几种常见的事件(还用更多事件,请查阅 有关 材料): onClick:鼠标单击事件 。(是指鼠标按下, 而后松开时产生 。) onDblClick:鼠标双击事件 。(是指鼠标 快捷按下,松开,并再次按下时产生 。) onMouseDown:鼠标按下事件 。(鼠标按下时即产生 。) onMouseUp:鼠标 开释事件 。(是指鼠标从按下的状态到弹起 。) onMouseMove:鼠标移动事件 。(是指在特定元素上移动鼠标 。) onMouseOver:鼠标 通过事件 。(是指,当指针从外界往元素上移动时产生 。) onMouseOut:鼠标离开事件 。(是指鼠标从特定元素上离开时产生 。) onLoad:载入事件 。(当图象或页面 完毕载入时产生 。) onUnload:卸载事件 。(当 拜访者离开页面时产生 。) onScroll:滚动条滚动事件 。(当 拜访者 使用卷轴上移或下移时产生 。) 有了事件以后,我们就为事件外加动作 。这里只说转变目前元素自定义 款式的动作,我们 可以用这个 步骤先设定好两个自定义的CSS 款式,对象原先调用第一种 款式,当产生鼠标事件时让对象 利用到第二种CSS 款式,而产生的鼠标 动机,看下面这个例子 。 在网页中插入一个图象,自定义一个“.out” 款式,用gray滤镜使图片变成黑白的: 将这个自定义 款式 利用到图片上,在阅读器中预览到图片变成了黑白,我们再定义一个 款式“.over”,这个 款式没有任何内容,是空 款式, 款式表代码如下:
而后在图片标记(IMG)里外加“onMouseOver="this.className=’over’" onMouseOut="this.className=’out’"”,意思为当鼠标经 过期,图片为over 款式,即彩色 畸形图象;当鼠标离开时,图片为out 款式,即黑白图象 。oMouseOver和onMouseOut是鼠标事件,this.className=”…” 示意目前对象的class名为…, 留神大小写不要写错,JS对大小写十分敏感 。 这样这个 动机就 实现了, 保留后在阅读器里 打开,图象是黑白的,当鼠标移上去时,图象变成彩色,鼠标离开时,图象又变回黑白 。 惟独 施展你的 设想,通过this.className 步骤还 可以做出众多好看的鼠标 动机 。 |