9、YUI的写类方式
这里引入的是YUI 2.7.0版，只需引入yahoo.js。YUI引入了命名空间，类似于java的包。以下yahoo的工具函数包
YAHOO.namespace
YAHOO.lang
YAHOO.lang.hasOwnProperty
YAHOO.lang.extend
YAHOO.lang.augment
YAHOO.log
YAHOO_config and YAHOO.env
YUI Module Names
写类方式：
//定义包名
YAHOO.namespace("test");
//定义类
YAHOO.test.Person = function(name) {
this.name = name;
}
YAHOO.test.Person.prototype.setName = function(name){ this.name = name;}
YAHOO.test.Person.prototype.getName = function(){ return this.name;}
//创建一个对象
var p = new YAHOO.test.Person("jack");
console.log(p.getName());//jack
p.setName('tom');
console.log(p.getName());//tom
//测试instanceof及p.constructor是否正确指向了YAHOO.test.Person
console.log(p instanceof YAHOO.test.Person);
console.log(p.constructor == YAHOO.test.Person);

可以看出除了多了包名，与第三种写类方式
并无区别。 ......

10、mootools.js的写类方式
mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的，模块化的，面向对象的的js库。mootool中写类用Class类。Class类由Native类new出来的：
/*
*Script: Class.js
*/
var Class = new Native({
name: 'Class',
initialize: function(properties){
properties = properties || {};
var klass = function(empty){
for (var key in this) this[key] = $unlink(this[key]);
for (var mutator in Class.Mutators){
if (!this[mutator]) continue;
Class.Mutators[mutator](this, this[mutator]);
delete this[mutator];
}
this.constructor = klass;
if (empty === $empty) return this;

var self = (this.initialize) ? this.initialize.apply(this, arguments) : this;
if (this.options && this.options.initialize) this.options.initialize.call(this);
return self;
};
$extend(klass, this);
klass.constructor = Class;
klass.prototype = properties;
return klass;
}
});

Native方法是mootools中一个非常重要的 ......

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例
UKI
UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例
MochaUI
MochaUI 是 MooTools Javascript 框架 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。
MochaUI 主页与下载
MochaUI 控件，演示，示例
中文编译来源：锐商企业CMS ......

     这两天上午一直在学习JavaScript，由于总是在看，效果不是很大，也好久没有发表文章了，所以为了更好的学习，把学到的东西记录下来。我学习JavaScript的书是《精通JavaScript+jQuery》，如果大家有更好的书请推荐。
一. 事件的概念
     C#中事件的定义：事件类似于异常，它们都由对象引发，可以提供代码来处理事件。
     我的理解是：当发生某件事时，用相应的方法去处理。
二. 事件流
     浏览器中事件分为两种：冒泡型事件和捕获型事件。
     冒泡型事件：从DOM层次的最低端一级级往上升。
     捕获型事件：与冒泡型事件正好相反，从最不精确的到最精确的。
三. 事件监听
     有三种方式可以设置监听。
     1.HTML标签中直接分配事件处理函数。
        <p onclick="alert('我被点击了');">Click Me</p>
     2.结构行为分离：
        <script language=" ......

Do you want an ultra fast web site? Get JSL and optimize your JavaScript loading now!
Imagine there's a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that slows traffic. The worst part is that pictures text, and css caught behind these scripts have to wait until they pass through. JSL is the latest in toll both avoidance. It creates an express lane that lets all pictures, text, css, and external scripts pass by without worrying about toll booths. That means you save time and money on traffic costs :)
Now for the the techie information...
Features
On-Demand JavaScript Loading new
Browser Cacheable new
Dynamic Asynchronous JavaScript Loading
Lazy Loading
Ordered Loading
Duplicate Source Prevention updated
Ultra Fast and Lightweight
Use DOM or Script Tag writing
Cross-browser
Cross Domain read ......

1 框架编程概述
    一个Html 页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一
个独立的Html 页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，
例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一
个框架中表单的行为等。
2 框架间的互相引用
    一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：
window.frames 就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是
类似的，不同的是，这些集合是document 的属性。因此，要引用一个子框架，可以使用如
下语法：
Javascript 代码
    window.frames[“frameName”]; 
    window.frames.frameName 
    window.frames[index] 
其中，window字样也可以用self代替或省略，假设frameName 为页面中第一个框架，
则以下的写法是等价的：
JavaScript 代码
   self.frames[“frameName”] 
   self.frames[0] 
   frames[0] ......