一个js非常简明的教程
1.JS简介及特点
JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后,Netscape公司引进了Sun公司有关Java的程序概念,将自己原有的Livescript 重新进行设计,并改名为JavaScript。
2.JS的运行环境
在目前流行的浏览器中,Netscape公司的Navigator 2.0以上版本的浏览器具都有处理JavaScript
源代码的能力。JavaScript在其中实现了它的1.0版本,并在后来的Navigator 3.0实现了它的1.1版本,
在现在推出的Navigator 4.0(Communicator)中,JavaScript在其中实现了它的1.2版本。
微软公司从它的Internet Explorer 3.0版开始支持JavaScript。Microsoft把自己实现的JavaScript
规范叫做JScript。这个规范与Netscape Navigator浏览器中的JavaScript规范在基本功能上和语法上是一
致的,但是在个别的对象实现方面还有一定的差别,这里特别需要予以注意。
4.JS的数据类型和变量
JavaScript 有六种数据类型。主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。
String 字符串类型:字符串是用单引号或双引号来说明的。(使用单引号来输入包含引号的字符串。)如:“The cow jumped over the moon.”
数值数据类型:JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数;浮点数可以包含小数点、也可以包含一个 “e”(大小写均可,在科学记数法中表示“10的幂”)、或者同时包含这两项。
Boolean 类型:可能的 Boolean 值有 true 和 false。这是两个特殊值,不能用作 1 和 0。
Undefined 数据类型:一个为 undefined 的值就是指在变量被创建后,但未给该变量赋值以前所具有的值。
Null 数据类型:null 值就是没有任何值,什么也不表示。
object类型:除了上面提到的各种常用类型外,对象也是JavaScript中的重要组成部分,这部分将在后面章节详细介绍。
在 JavaScript 中变量用来存放脚本中的值,这样在需要用这个值的地方就可以用变量来代表,一个变量可以是一个数字,文本或其它一些东西。
JavaScript是一种对数据类型变量要求不太严格的语言,所以不必声明每一个变量的类型,变量声明尽管不是必须的,但在使用变量之前先进行声明是一种好的习惯。可以使用 var 语句来进行变量声明。如:var men = true; // men 中存储的值为 Boolean 类型。
变量命名:JavaScript 是一种区分大小写的语言,因此将一个变量命名为 computer 和将其命名为 Computer是不一样的。
另外,变量名称的长度是任意的,但必须遵循以下规则:
1.第一个字符必须是一个字母(大小写均可)、或一个下划线(_)或一个美元符 ($)。
2.后续的字符可以是字母、数字、下划线或美元符。
3.变量名称不能是保留字。
5.JS的语句及语法
| JavaScript所提供的语句分为以下几大类: 2.函数定义语句:function,return。 3.条件和分支语句:if...else,switch。 4. 循环语句:for, for...in,while,break,continue。 break语句结束当前的各种循环,并执行循环的下一条语句。 5.对象操作语句:with,this,new。 new语句是一种对象构造器,可以用new语句来定义一个新对象。 this运算符总是指向当前的对象。 6.注释语句://,/*...*/。 |
6.JS对象及其属性和方法
| 在JavaScript中是基于对象的编程,而不是完全的面向对象的编程。 在JavaScript中,可以使用以下几种对象: JavaScript中的对象是由属性和方法两个基本的元素的构成的。对象的属性是指对象的背景色,长度,名称等。对象的方法是指对属性所进行的操作,就是一个对象自己所属的函数,如对对象取整,使对象获得焦点,使对象获得个随机数等等一系列操作。 举个例子来说,将汽车看成是一个对象,汽车的颜色,大小,品牌等叫做属性,而发动,刹车,拐弯等就叫做方法。 可以采用这样的方法来访问对象的属性:对象名称.属性名称,例:mycomputer.year=1996,mycomputer.owner = “me”。 可以采用这样的方法,将对象的方法同函数联系起来:对象.方法名字=函数名字或对象.属性.方法名,例:this.display=display,document.writeln(“this is method”)。 多看或多写一些程序,就会理解对象的方法和属性的含义了!各个对象的各种属性和方法,可点击参考!
|
7.JS的事件处理
事件是浏览器响应用户交互操作的一种机制,JavaScript的事件处理机制可以改变浏览器响应用户操作的方式,这样就开发出具有交互性,并易于使用的网页。
浏览器为了响应某个事件而进行的处理过程,叫做事件处理。
事件定义了用户与页面交互时产生的各种操作,例如单击超级连接或按钮时,就产生一个单击(click)操作事件。浏览器在程序运行的大部分时间都等待交互事件的发生,并在事件发生时,自动调用事件处理函数,完成事件处理过程。
事件不仅可以在用户交互过程中产生,而且浏览器自己的一些动作也可以产生事件,例:当载入一个页面时,就会发生load事件,卸载一个页面时,就会发生unload事件等。
归纳起来,必需使用的事件有三大类:
1.引起页面之间跳转的事件,主要是超连接事件。
2.事件浏览器自己引起的事件。
3.事件在表单内部同界面对象的交互。
- 相关文章:
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码 (2008-3-12 9:24:41)
js最大化动态载入IFrame (2008-3-12 9:15:14)
58项---经典的JS及ASP代码收藏 (2008-3-6 8:53:19)
时下很流行的div弹出效果 (2008-3-3 12:29:30)
符合web标准插入Flash的方法 (2008-2-29 16:59:47)
firefox 下也能用innerText (2008-2-28 13:0:30)
想玩别人的网站吗?------想怎么折腾就怎么折腾 (2008-2-27 9:16:4)
【JS+CSS导航】超平滑的动画导航(仿Flash效果非常逼真) (2008-2-25 10:20:1)
表单设计教程(不用TABLE) (2008-2-18 17:51:46)
图片缩略图,点击放大到原图大小 (2008-2-5 15:38:26)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。