这次我来讲一下javascript的程序设计。
在当今的Web2.0的时代,Ajax已成为的它的代名词.无可否定,javascript 是其中的一个非常重要的内容。
下面为wiki 的说明
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。根據Ajax提出者Jesse James Garrett建議[1],它:
- 使用XHTML+CSS来表示信息;
- 使用JavaScript操作DOM(Document Object Model)进行动态显示及交互;
- 使用XML和XSLT进行数据交换及相关操作;
- 使用XMLHttpRequest对象与Web服务器进行异步数据交换;
- 使用JavaScript将所有的东西绑定在一起。
- 使用SOAP以XML的格式来传送方法名和方法参数。
类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。
AJAX的应用使用支持以上技术的Web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Mac OS的Safari。
因此学习Ajax首先就要学习javascript,好下面我来讲讲javascript的面向对象的程序设计。
本身,对于javascript 来说,它不支持面向对象的,但我们可以用其它的一些方法来模拟其的实现,下面先看一段小代码
这段小代码定义了一个函数,我们把它放到HTML中可以查看它的运行效果
刚才说javascript 本身是不支持面向对象的,但它给我们流下了function ,下面就用它来构造一个类,请看下面的代码:
在上面的代码中我们定义了一个叫做class1的类,同时我们发现,定义类的方法跟定义函数的方法是一样的,下面来讲一下javascript的一个重要的特性:prototype (是不是很熟啊,我们的prototype.js有一样的名字,现在大家也可以猜到作者为什么要用这个名字了吧。好再看看下面的代码:
跟上面的代码有一样的运行效果。
下面来重点讲一下代码吧
在javascript中,由于没有象java ,c#中的class的定义的关键字,因此我们要定义一个类时,就要用到function这个关键字,在javascript中,其实function也就是一个类(一个只有运行代码的类),但注意的是用typeof 时,函数是返回function的,面类是返回object的
产生一个类的对象,跟java一样是用new 的关键字的。大家再看看上面的代码,可以发现我在定义函数和属性时用了this这个关键字,这样是让代码在其的实验中可以引用,相当于我们的公共的方法和属性,当然用var 定义会产生一个private的属性(其实是由于作用域的问题,这个在后面的问题我再说)
跟java不一样的是prototype 这个是一个非常重要的属性,大家要记好。这个定义的格式也要记好。
下面我们来写一个例子程序。看看自己学会了多少(别以为自己学会了,要学的还有好多,“这个游戏才刚刚开始”--不知道谁说的):
下次讲讲Ajax了,当然javascript 还有很多要讲的,会讲Ajax 中提到
posted on 2007-11-25 22:21
风の使者 阅读(182)
评论(0) 编辑 收藏 所属分类:
web2.0 ajax javascript css