JavaScript经典语句及其基本应用

核心提示: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方法还可以做出很多好看的鼠标效果。

时间: 2024-10-30 10:11:48

JavaScript经典语句及其基本应用的相关文章

业余草:《名博是怎样炼成的》经典语句整理

最近业余草拜读了<名博是怎样炼成的:个人品牌博客全攻略>一书,整理了其中的部分经典语句,分享给大家. 一口气读完了月光.萧秋水和秋叶著的<名博是怎样炼成的:个人网络品牌博客全攻略>一书,感慨甚多. 世界越来越平,博客,是一种见证! 这是一个网络时代,也是全民皆博的时代,每个人都应有一个博客,你我都不会例外. 坚持写博客的人都不太可能是"坏人",他们往往是真诚的人,有思考的人. 写得多了,慢慢就会有自己的风格,就会有人喜欢,有人读懂你,有人羡慕你,有人欣赏你,当然

《把时间当作朋友》经典语句

       在读<暗时间>的时候,我不止一次注意到刘未鹏提到了李笑来老师,以及他写的<把时间当作朋友>.利用一个半天的时间,我把这本书的电子版看完了,觉得确实很有意思,里面提到的东西让我眼前一亮.以下是从本书中摘录的一些经典语句,与大家分享! 1. 仔细听清楚,无论我讲得多么有趣.多么有用或者是多么有道理,跟你一点关系都没有--当且只当你按我说的做了之后,对你来说,才算是真的有趣.真的有用.真的有道理. 2. 每个人所拥有的心智力量各不相同,而心智力量的差异会给每个人的一生带来无

javascript的 {} 语句块详解_基础知识

今日学习解析json字符串,用到了一个eval()方法,解析字符串的时候为什么需要加上括号呢?摸不着头脑.原来javascript中{}语句块具有二义性,不加括号会出错,理解这种二义性对我们理解javascript代码有极大帮助. 一.{}语句块的两个含义 表示语句块 a. 在javascript中可以使用{}来括起代码,在编辑器中方便管理代码.因为javascript并没有块级作用域,所以这种写法是无害的. { //some code... } b. 在javascript中 ,条件判断语句,

JavaScript 经典实例日常收集整理(常用经典)_javascript技巧

跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } } 跨浏览器移除事件 //跨浏览器移除事件 function removeEvent(obj,type,fn){ if(obj.removeEv

高性能JavaScript循环语句和条件语句_javascript技巧

一.循环语句众所周知,常用的循环语句有for.while.do-while以及for-in,forEach.除了for-in和forEach性能略低外,平时我们对前三者的选择更多的是基于需求而非性能考虑,今天我们就对它们各自的性能做个测试,告诉我们最极端的情况下还能做哪些优化. 首先我们来谈谈为何for-in和forEach会比其他的慢.for-in一般是用在对象属性名的遍历上的,由于每次迭代操作会同时搜索实例本身的属性以及原型链上的属性,所以效率肯定低下:而forEach是基于函数的迭代(需要

浅谈JavaScript异常处理语句_javascript技巧

程序运行过程中难免会出错,出错后的运行结果往往是不正确的,因此运行时出错的程序通常被强制中止.运行时的错误统称为异常,为了能在错误发生时得到一个处理的机会,JavaScript提供了异常处理语句.包含try-catch.try-catch-finally和throw. try-catch语句 try{ tryStatements } catch(exception){ catchStatements } 参数说明: tryStatements:必选项.可能发生错误的语句序列. exception

JavaScript For 语句使用实例教程

JavaScript For 语句使用实例教程 在JavaScript中循环使用执行相同的代码块指定的次数或在指定的条件是真实的. 范例 For循环 如何写一环.使用的闭环运行相同的代码块指定的次数. 通过循环的HTML标题 如何使用的循环回路通过不同的HTML标题. JavaScript的For循环 往往当你写代码,你想同样的代码块运行一遍又一遍连胜.反而增加了几乎相等线脚本,我们可以用循环来执行这样的任务. 在JavaScript中有两种不同类型的循环: 为-循环通过代码块指定的次数 而-循

javascript 经典导航菜单代码

提示:您可以先修改部分代码再运行 javascript 经典导航菜单代码 Home Single Level Dropdown Dropline Flyout Support Contact 提示:您可以先修改部分代码再运行

从头开始学JavaScript (六)——语句

原文:从头开始学JavaScript (六)--语句 一.条件分支语句:if 基本格式: if (<表达式1>){    <语句组1>}else if (<表达式2>){    <语句组2>}else{    <语句组3>}  执行流程: 二.循环语句 2.1前测试循环语句:在循环体内的代码被执行之前就对出口条件求值. 2.1.1while语句 基本格式: do {    <语句组>} while (<表达式>)  执行流