说说为什么会用图片，因为是用live writer 发布再到其它的blog的，帖代码不好看，反正提供代码下载！哈哈！

下次改用qqmail 发看看效果

页面测试的部分代码

下面为代码测试页面　http://winds8.googlepages.com/drag.html

在web2.0的时代，Ajax技术的应用，我们经常会用到用javascript 用读写cookie,下面先来介绍一下，什么是cookies

味道以怎样的（有点饿了）：

一.什么是Cookies?

你会问，什么是cookies呢? cookie 是浏览器保存在用户计算机上的少量数据。它与特定的WEB页或WEB站点关联起来，自动地在WEB浏览器和WEB服务器之间传递。比如，如果你运行的是Windows操作系统，使用Internet Explorer上网，那么你会发现在你的“Windows”目录下面有一个子目录，叫做“Temporary Internet Files”。如果你有空看看这个目录，就会发现里面有一些文件，文件名称看起来就象电子邮件地址。比如在我机器上的这个目录里，就有“XX@support.microsoft.com”这样的文件。这是一个cookie 文件，这个文件从哪来呢？猜一猜，它来自微软的支持站点。对于管理细小的、不重要的、不想保存在中央数据库里的细节信息，Cookies 是个很不错的方案。（这不是说大家的名字不重要。）比如，目前网站上不断增长的自定义服务，可以为每个用户定制他们要看的内容。如果你设计的就是这样一个站点，那么你怎么来管理这样的信息：一个用户喜欢绿色的菜单条，而另一个喜欢红色的。确实是个累人的问题。不过，这样的信息，可以很安全地记录到cookie，并保存在用户的计算机上，而你自己的数据库空间可以留给更长久更有意义的数据。

二.Cookie的构成

Cookies最初设计时，是为了CGI编程。但是，我们也可以使用Javascript脚本来操纵cookies。

在Javascript脚本里，一个cookie 实际就是一个字符串属性。当你读取cookie的值时，就得到一个字符串，里面当前WEB页使用的所有cookies的名称和值。每个cookie除了name名称和value值这两个属性以外，还有四个属性。这些属性是： expires过期时间、 path路径、 domain域、以及 secure安全。

1.Expires–过期时间

指定cookie的生命期。具体是值是过期日期。如果想让cookie的存在期限超过当前浏览器会话时间，就必须使用这个属性。当过了到期日期时，浏览器就可以删除cookie文件，没有任何影响。

2.Path–路径

指定与cookie关联的WEB页。值可以是一个目录，或者是一个路径。

3.Domain–域

指定关联的WEB服务器或域。值是域名，比如microsoft.com。这是对path路径属性的一个延伸。如果我们想让 catalog.mycompany.com 能够访问shoppingcart.mycompany.com设置的cookies，该怎么办? 我们可以把domain属性设置成“mycompany.com”，并把path属性设置成“/”。FYI：不能把cookies域属性设置成与设置它的服务器的所在域不同的值。

4.Secure–安全

指定cookie的值通过网络如何在用户和WEB服务器之间传递。这个属性的值或者是“secure”，或者为空。缺省情况下，该属性为空，也就是使用不安全的HTTP连接传递数据。如果一个 cookie 标记为secure，那么，它与WEB服务器之间就通过HTTPS或者其它安全协议传递数据。不过，设置了secure属性不代表其他人不能看到你机器本地保存的cookie。换句话说，把cookie设置为secure，只保证cookie与WEB服务器之间的数据传输过程加密，而保存在本地的cookie文件并不加密。如果想让本地cookie也加密，得自己加密数据。

三.操作Cookies

请记住，cookie就是文档的一个字符串属性。要保存cookie，只要建立一个字符串，格式是name=（名称＝值），然后把文档的 document.cookie 设置成与它相等即可。比如，假设想保存表单接收到的用户名，那么代码看起来就象这样：

代码

document.cookie = "username=" + escape(form.username.value);

在这里，使用 escape() 编码函数非常重要，因为cookie值里可能包含分号、逗号或者空格。这就是说，在读取cookie值时，必须使用对应的unescape()函数给值解码。

1.cookie的四个属性

name=[; expires=][; domain=][; path=][; secure]

名称=<值>[; expires=<日期>][; domain=<域>][; path=<路径>][; 安全], 和 应当用对应的值替换。

2.应当使用GMT格式
可以使用Javascript脚本语言的日期类Date的.toGMTString() 方法得到这一GMT格式的日期值。

3.方括号代表这项是可选的
比如在 [; secure]两边的方括号代表要想把cookie设置成安全的，就需要把"; secure" 加到cookie字符串值的后面。如果"; secure" 没有加到cookie字符串后面，那么这个cookie就是不安全的。

4.不要把尖括号<> 和方括号[] 加到cookie里
（除非它们是某些值的内容）设置属性时，不限属性，可以用任何顺序设置。

四.Cookies 的隐患

1.Cookies 安全性
因为某些原因Cookies 的名声很不好。许多人利用cookies做一些卑鄙的事情，比如流量分析、点击跟踪。Cookies 也不是非常安全，特别是没有secure属性的cookies。不过，即使你用了安全的cookies，如果你和别人共用计算机，比如在网吧，那么别人就可以窥探计算机硬盘上未加密保存的cookie文件，也就有可能窃取你的敏感信息。所以，如果你是一个WEB开发人员，那么你要认真考虑这些问题。不要滥用cookies。不要把用户可能认为是敏感的数据保存在cookies里。如果把用户的社会保险号、信用卡号等保存在cookie里，等于把这些敏感信息放在窗户纸下，无异于把用户投到极大危险之中。一个好的原则是，如果你不想陌生人了解你的这些信息，那就不要把它们保存在cookies里。

2.cookies还有一些实际的限制
Cookies保留在计算机上，不跟着用户走。如果用户想换计算机，那么新计算机无法得到原来的cookie。甚至用户在同一台计算机上使用不同浏览器，也得不到原来的cookie：Netscape 不能读取Internet Explorer 的cookies。

3.用户不愿意接受cookies
所以不要以为所有的浏览器都能接受你发出的cookies。如果浏览器不接受cookies，你要保证自己的WEB站点不致因此而崩溃或中断。

4.WEB 浏览器能保留的cookies不一定能超过300个
也没有标准规定浏览器什么时候、怎么样作废cookies。所以达到限制时，浏览器能够有效地随机删除cookies。浏览器保留的来自一个WEB服务器上的cookies，不超过20个，每个cookie的数据（包括名称和值），不超过4K字节.

[b]总之，注意保持cookie简单。不要依赖cookies的存在，不要在每个cookie里保存太多信息。不要保存太多的cookes。但是，抛除这些限制，在技巧高超的WEB管理员手里，cookie的概念是一个有用的工具。

好，对上面有了了解后，我们来看看我写的代码：有100行左右，不会好长，但是以前写的，有点记不得了：

这个在firefox ie opera 中测试成功的，大家也可以试试，下面讲一下代码的使用方法

是不是好简单

这次我来讲一下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 中提到