Blueidea - 用户贡献 [zh-cn]

Blueidea:关于/管理团队/管理团队成员个人主页

2011-01-15T11:49:28Z

Fdream：

{|style="font-size:12px;font-family:宋体;border:0px;width:100%;background:#999;text-align:center;" cellspacing="1"
|- style="background:#333;color:#fff;"
!成员名!!个人主页/博客!!经营网站
|- style="background:#fbfbfb;"
||[[user:帅青蛙|帅青蛙]]||http://www.ubbcn.com/flog/||-
|- style="background:#fff;"
||藤藤猪MM||http://www.ttpig.com/||-
|- style="background:#fbfbfb;"
||江南行客||http://www.hongliuhe.com||http://www.taofang.com/
|- style="background:#fff;"
||Sky||http://www.skydesign.cn/||-
|- style="background:#fbfbfb;"
||设计BOB||http://www.senlydia.com/||-
|- style="background:#fff;"
||[[user:蓝色|蓝色]]||http://blue.blueidea.com/||-
|- style="background:#fbfbfb;"
||[[user:zhanghe4|zhanghe4]]||http://www.zhanghe4.com/||http://www.edooon.com/
|- style="background:#ffffff;"
||[[user:5do8|5do8]]||http://www.5do8.com/||-
|- style="background:#fff;"
||鸡毛||http://www.ifanshu.com/||-
|- style="background:#fbfbfb;"
||[[user:cloudy|cloudy]]||http://ghost.toyak.com/blog/||-
|- style="background:#fff;"
||寂寞火山||http://www.huoshan.org/||-
|- style="background:#fbfbfb;"
||剑气凌人||http://zxsv.com/||-
|- style="background:#fff;"
||朱斌||http://blog.sina.com.cn/zhubincg/||-
|- style="background:#fbfbfb;"
||一个好孩子||http://agoodb.cn/weblog/||-
|- style="background:#fff;"
||apothem||-||http://www.eboxbuy.com/
|- style="background:#fbfbfb;"
||[[user:blank|blank]](怿飞)||http://www.planabc.net/||-
|- style="background:#fff;"
||jjx||http://www.soho-works.net||http://www.easynew.com.cn/
|- style="background:#fbfbfb;"
||点格城市||http://www.kakabang.com/blog||http://www.tangwo.com/
|- style="background:#fff;"
||51windows||http://www.51windows.net/||-
|- style="background:#fbfbfb;"
||[[user:SinNeR|SinNeR]]||-||-
|- style="background:#fff;"
||红色黑客||http://redhacker.blueidea.com||http://www.javaedu.com/
|- style="background:#fbfbfb;"
||凌志||http://hi.baidu.com/uceye/||http://zhaosucai.com/
|- style="background:#fff;"
||qhwa||[http://qhwa.blueidea.com http://qhwa.blueidea.com]，[http://team.thepnq.com/qhwa http://team.thepnq.com/qhwa]||-
|- style="background:#fbfbfb;"
||cherub||http://xiu.wenuo.com||-
|- style="background:#fff;"
||波希米亚||[http://www.b3inside.com http://www.b3inside.com]||-
|- style="background:#fbfbfb;"
||风狗||-||http://www.forzamilan.net
|- style="background:#fff;"
||[[user:colorbird|colorbird]]||-||http://www.colorbird.com
|- style="background:#fbfbfb;"
||POPOEVER||http://plod.popoever.com/||[http://www.technorip.com http://www.technorip.com], [http://www.newscrusher.com http://www.newscrusher.com]
|- style="background:#fff;"
||渡江||http://ahlang.com/||-
|- style="background:#fbfbfb;"
||Jimbob||http://jim.blueidea.com/||[http://www.gamejd.com http://www.gamejd.com]
|- style="background:#fff;"
||[[user:cnbruce|CNBRUCE]]||http://www.cnbruce.com/blog||[http://www.dw8.cn http://www.dw8.cn]
|- style="background:#fbfbfb;"
||荆棘鸟||http://www.zfnn.com/||-
|- style="background:#fff;"
||wait||http://liuyami.com/||-
|- style="background:#fbfbfb;"
||killua||http://25show.com/||-
|- style="background:#fff;"
||[[user:greengnn|greengnn]]||http://www.jluvip.com||-
|- style="background:#fbfbfb;"
||[[user:geniux|geniux]]||http://www.geniux.net/glog/||-
|- style="background:#fff;"
||[[user:wuleying|wuleying]]||http://www.zdyi.com||http://www.qqdang.net
|- style="background:#fbfbfb;"
||[[user:langmuir|langmuir]]||http://www.mdong.org||
|- style="background:#fff;"
||[[user:jxdawei|jxdawei]]||http://www.iwcn.net||-
|- style="background:#fbfbfb;"
||[[user:Fdream|Fdream]]||http://fdream.net||
|- style="background:#fff;"
||[[user:sunritz|sunritz]]||http://www.hello-yang.com||-
|- style="background:#fbfbfb;"



|}

mootools

2009-11-13T12:07:05Z

Fdream：

== 简介 ==
MooTools是一个模块化的，面向对象的JavaScript开源框架，适用于中高级JavaScript开发者。通过MooTools提供的API，简化了开发者遍历HTML文档、事件处理、AJAX交互及动画特效的工作，可以帮助开发者轻松地完成强大的、灵活的跨浏览器代码。

MooTools代码遵循严格标准，不会抛出任何警告。有丰富的相关文档，代码中的变量名都具备明确意义，十分易于阅读。

*开发者：[http://www.mootools.net/developers The MooTools Dev Team]
*最新版本： 1.2.3
*最新更新时间：2009-06-19
*license：[[MIT License]]

== Mootools组件 ==
MooTools包括了很多组件，但不需要全部加载它们. 这些组件包括：
* '''Core''': 包含一系列在[[MooTools]]中常用的工具函数和其他所有组件都需要的公用函数。也包含一些诸如Hash和Array的基本扩展方法。[http://docs.mootools.net/#Core MooTools Core]
* '''Class''' [[MooTools]]框架中类机制的提供者.[http://docs.mootools.net/Class/Class#Class MooTools Class]
* '''Natives''': 它是JavaScript原生对象方法的一个增强集，增加了原生对象的功能性和兼容性,以及一些新的方法, 有些是为了未来的标准而预留的.
* '''Element''' 本框架自定义的原生类, 用于提供对所有DOM元素进行功能扩展.[http://docs.mootools.net/Element/Element MooTools Element]
* '''Fx''' 它是为高级动画效果提供的API. 该类一般不独立使用,它用来提供作为Fx系的类的基础功能类. 所有其他的Fx系列的类都继承本类.[http://docs.mootools.net/Fx/Fx MooTools Fx Class]
* '''Request''': 提供[[XHR]]接口, Cookie方法, 以及[[JSON]]和[[HTML]]的[[Ajax]]方法.[http://docs.mootools.net/Request/Request MooTools Request Class]

== 浏览器兼容性 ==
MooTools兼容并完全通过以下浏览器测试：
*Safari 3+
*Internet Explorer 6+
*Firefox 2+（及基于gecko核心的浏览器）
*Opera 9+
== API参考 ==
== 扩展资源 ==
== 相关阅读 ==
*jQuery vs MooTools：[http://www.mootools.net/ English Version]
*jQuery与Mootools的比较：[http://jqueryvsmootools.com/index_cn.html 中文版]

== 相关链接 ==
*官方网站：[http://www.mootools.net/ MooTools]
*官方文档：[http://docs.mootools.net/ MooTools Docs]
*学习资源: [http://fdream.net/blog/article/605.aspx/ 30天学习Mootools1.2(中文翻译版)]

[[category:JavaScript]]

用户:Fdream

2009-10-03T02:22:28Z

Fdream：

== 经典论坛记录 ==
经典论坛 silverlight 版主
*2008.1.30 转为正式版主
*2007.12.10 上任实习版主

== 个人信息 ==
*MSN/Email: fdream@live.com
*Blog: [http://fdream.net Fdream's Blog]

Blueidea:关于/管理团队/管理团队成员个人主页

2008-08-30T17:06:28Z

Fdream：

{|style="font-size:12px;font-family:宋体;border:0px;width:100%;background:#999;text-align:center;" cellspacing="1"
|- style="background:#333;color:#fff;"
!成员名!!个人主页/博客!!经营网站
|- style="background:#fbfbfb;"
||听蛙居||http://www.ubbcn.com/flog/||-
|- style="background:#fff;"
||藤藤猪MM||http://www.ttpig.com/||-
|- style="background:#fbfbfb;"
||江南行客||http://www.myessay.cn||-
|- style="background:#fff;"
||Sky||http://www.skydesign.cn/||-
|- style="background:#fbfbfb;"
||设计BOB||http://www.senlydia.com/||-
|- style="background:#fff;"
||蓝色||http://blue.blueidea.com/||-
|- style="background:#fbfbfb;"
||zhanghe4||http://www.zhanghe4.com/||http://www.edooon.com/
|- style="background:#ffffff;"
||5do8||http://www.5do8.com/||-
|- style="background:#fff;"
||鸡毛||http://www.ifanshu.com/||-
|- style="background:#fbfbfb;"
||cloudy||http://ghost.toyak.com/blog/||-
|- style="background:#fff;"
||寂寞火山||http://www.huoshan.org/||-
|- style="background:#fbfbfb;"
||剑气凌人||http://zxsv.com/||http://www.ixna.net/
|- style="background:#fff;"
||朱斌||http://blog.sina.com.cn/zhubincg/||-
|- style="background:#fbfbfb;"
||一个好孩子||http://agoodb.cn/weblog/||-
|- style="background:#fff;"
||apothem||-||http://emoh.cn/
|- style="background:#fbfbfb;"
||blank(怿飞)||http://www.planabc.net/||-
|- style="background:#fff;"
||jjx||http://www.soho-works.net||http://www.easynew.com.cn/
|- style="background:#fbfbfb;"
||点格城市||http://www.kakabang.com/blog||http://www.tangwo.com/
|- style="background:#fff;"
||51windows||http://www.51windows.net/||-
|- style="background:#fbfbfb;"
||[[user:SinNeR|SinNeR]]||-||-
|- style="background:#fff;"
||红色黑客||http://redhacker.blueidea.com||http://www.javaedu.com/
|- style="background:#fbfbfb;"
||凌志||http://hi.baidu.com/uceye/||http://zhaosucai.com/
|- style="background:#fff;"
||qhwa||[http://qhwa.blueidea.com http://qhwa.blueidea.com]，[http://team.thepnq.com/qhwa http://team.thepnq.com/qhwa]||-
|- style="background:#fbfbfb;"
||cherub||http://xiu.wenuo.com||-
|- style="background:#fff;"
||波希米亚||[http://www.b3inside.com http://www.b3inside.com]||-
|- style="background:#fbfbfb;"
||风狗||-||http://www.forzamilan.net
|- style="background:#fff;"
||[[user:colorbird|colorbird]]||-||http://www.colorbird.com
|- style="background:#fbfbfb;"
||POPOEVER||http://plod.popoever.com/||[http://www.technorip.com http://www.technorip.com], [http://www.newscrusher.com http://www.newscrusher.com]
|- style="background:#fff;"
||渡江||http://ahlang.com/||-
|- style="background:#fbfbfb;"
||Jimbob||http://jim.blueidea.com/||[http://www.gamejd.com http://www.gamejd.com]
|- style="background:#fff;"
||[[user:cnbruce|CNBRUCE]]||http://www.cnbruce.com/blog||[http://www.dw8.cn http://www.dw8.cn]
|- style="background:#fbfbfb;"
||荆棘鸟||http://www.zfnn.com/||-
|- style="background:#fff;"
||wait||http://liuyami.com/||-
|- style="background:#fbfbfb;"
||killua||http://25show.com/||-
|- style="background:#fff;"
||[[user:greengnn|greengnn]]||http://www.jluvip.com||-
|- style="background:#fbfbfb;"
||[[user:geniux|geniux]]||http://www.geniux.net/glog/||-
|- style="background:#fff;"
||[[user:wuleying|wuleying]]||http://www.zdyi.com||http://www.qqdang.net
|- style="background:#fbfbfb;"
||[[user:langmuir|langmuir]]||http://www.mdong.org||
|- style="background:#fff;"
||[[user:jxdawei|jxdawei]]||http://www.iwcn.net||-
|- style="background:#fbfbfb;"
||[[user:Fdream|Fdream]]||http://ooboy.net||
|- style="background:#fff;"



|}

prototype

2008-08-30T10:11:58Z

Fdream：

==prototype是什么？==
万一你没有使用过大名鼎鼎的prototype.js，那么让我来告诉你，prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。

如果你最近尝试使用它，你大概了解到文档并不是作者的一个强项。和在我以前使用这个类库的不少开发者一样，一开始，我不得不一头扎进阅读prototype.js的源代码和实验它的功能中。我想，在我学习完它之后，把我学到的东西分享给大家是件不错的事。

同时，在本文中，我也将提供一个关于这个类库提供的objects,classes,functions,extensions这对东东的非官方参考

在阅读这个文档时，熟悉Ruby的开发者将会注意到Ruby的一些内建类和本类库扩展实现之间非常相似。
==一些实用的函数==
这个类库带有很多预定义的对象和实用函数，这些东东的目的显然是把你从一些重复的打字中解放出来。

===使用$()方法===
$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传入的id的那个元素。

比起DOM中的方法，这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。
<source lang="javascript">

function test1()
{
var d = $('myDiv');
alert(d.innerHTML);
}
function test2()
{
var divs = $('myDiv','myOtherDiv');
for(i=0; i<divs.length; i++)
{
alert(divs[i].innerHTML);
}
}
</source>
另外一个好处是，这个函数能传入用string表示的对象ID，也可以传入对象本身，这样，在建立其它能传两种类型的参数的函数时非常有用。
===使用$$()函数===
$$函数返回椅子对象如果他们匹配传入的CSS模式，例如：
<source lang="javascript">$$('div.a>span>a[href=#]');</source>
===使用$F()函数===
$F()函数是另一个大收欢迎的“快捷键”，它能用于返回任何表单输入控件的值，比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。
<pre>
<script>
function test3()
{
alert( $F('userName') );
}
</script>
<input type="text" id="userName" value="Joe Doe"><br>
<input type="button" value=Test3 onclick="test3();"><br>
</pre>
===使用$A()函数===
$A()函数能把它接收到的单个的参数转换成一个Array对象。

这个方法，结合被本类库扩展了的Array类，能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象，从而更有效率的进行遍历，请看下面的例子。
<pre>
<script>
function showOptions(){
var someNodeList = $('lstEmployees').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ': ' + node.innerHTML);
});
}
</script>
<select id="lstEmployees" size="10" >
<option value="5">Buchanan, Steven</option>
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
<input type="button" value="Show the options" onclick="showOptions();" >
</pre>
===使用 $H() 函数===
$H()函数把一些对象转换成一个可枚举的和联合数组类似的Hash对象。
<pre>
<script>
function testHash()
{
//let's create the object
var a = {
first: 10,
second: 20,
third: 30
};
//now transform it into a hash
var h = $H(a);
alert(h.toQueryString()); //displays: first=10&second=20&third=30
}
</script>
</pre>
===使用$R()函数===
$R()是new ObjectRange(lowBound,upperBound,excludeBounds)的缩写。

跳到ObjectRange 类文档可以看到一个关于此类的完整描述. 此时，我们还是先来看一个例子以展示这个缩写能代替哪些方法吧。其它相关的一些知识可以在Enumerable 对象文档中找到。
<pre>
<script>
function demoDollar_R(){
var range = $R(10, 20, false);
range.each(function(value, index){
alert(value);
});
}
</script>
<input type="button" value="Sample Count" onclick="demoDollar_R();" >
</pre>
===使用Try.these()函数===
Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易，他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行，返回成功执行的那个方法的返回值。

在下面的例子中， xmlNode.text在一些浏览器中好用，但是xmlNode.textContent在另一些浏览器中正常工作。使用Try.these()方法我们可以得到正常工作的那个方法的返回值。
<pre>
<script>
function getXmlNodeValue(xmlNode){
return Try.these(
function() {return xmlNode.text;},
function() {return xmlNode.textContent;)
);
}
</script>
</pre>
==Ajax对象==
上面提到的共通方法非常好，但是面对它吧，它们不是最高级的那类东西。它们是吗？你很可能自己编写了这些甚至在你的脚本里面有类似功能的方法。但是这些方法只是冰山一角。

我很肯定你对prototype.js感兴趣的原因很可能是由于它的AJAX能力。所以让我们解释当你需要完成AJAX逻辑的时候，这个包如何让它更容易。

Ajax 对象是一个预定义对象，由这个包创建，为了封装和简化编写AJAX 功能涉及的狡猾的代码。这个对象包含一系列的封装AJAX逻辑的类。我们来看看其中几个类。

===使用Ajax.Request类===
如果你不使用任何的帮助程序包，你很可能编写了整个大量的代码来创建XMLHttpRequest对象并且异步的跟踪它的进程，然后解析出响应然后处理它。当你不需要支持多于一种类型的浏览器时你会感到非常的幸运。

为了支持 AJAX 功能。这个包定义了 Ajax.Request 类。

假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998 与服务器通信。它返回下面这样的XML 响应。
<pre>
<?xml version="1.0" encoding="utf-8" ?>
<ajax-response>
<response type="object" id="productDetails">
<monthly-sales>
<employee-sales>
<employee-id>1234</employee-id>
<year-month>1998-01</year-month>
<sales>$8,115.36</sales>
</employee-sales>
<employee-sales>
<employee-id>1234</employee-id>
<year-month>1998-02</year-month>
<sales>$11,147.51</sales>
</employee-sales>
</monthly-sales>
</response>
</ajax-response>
</pre>
用 Ajax.Request对象和服务器通信并且得到这段XML是非常简单的。下面的例子演示了它是如何完成的。
<source lang="javascript">
<script>
function searchSales()
{
var empID = $F('lstEmployees');
var y = $F('lstYears');
var url = 'http://yoursever/app/get_sales';
var pars = 'empID=' + empID + '&year=' + y;

var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: pars,
onComplete: showResponse
});

}
function showResponse(originalRequest)
{
//put returned XML in the textarea
$('result').value = originalRequest.responseText;
}
</script>
<select id="lstEmployees" size="10" onchange="searchSales()">
<option value="5">Buchanan, Steven</option>
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
<select id="lstYears" size="3" onchange="searchSales()">
<option selected="selected" value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>
<br><textarea id=result cols=60 rows=10 ></textarea>
</source>
你注意到传入 Ajax.Request构造方法的第二个对象了吗？参数{method: 'get', parameters: pars, onComplete: showResponse} 表示一个匿名对象的真实写法。他表示你传入的这个对象有一个名为 method 值为 'get'的属性，另一个属性名为 parameters 包含HTTP请求的查询字符串，和一个onComplete 属性/方法包含函数showResponse。

还有一些其它的属性可以在这个对象里面定义和设置，如 asynchronous，可以为true 或 false 来决定AJAX对服务器的调用是否是异步的（默认值是 true）。

这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 pars包含的查询字符串， Ajax.Request 对象在它完成接收响应的时候将调用showResponse 方法。

也许你知道， XMLHttpRequest在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：Loading, Loaded, Interactive, 或 Complete。你可以使 Ajax.Request 对象在任何阶段调用自定义方法，Complete 是最常用的一个。想调用自定义的方法只需要简单的在请求的选项参数中的名为 onXXXXX 属性/方法中提供自定义的方法对象。就像我们例子中的 onComplete 。你传入的方法将会被用一个参数调用，这个参数是 XMLHttpRequest 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 status 属性。

还有另外两个有用的选项用来处理结果。我们可以在onSuccess 选项处传入一个方法，当AJAX无误的执行完后调用，相反的，也可以在onFailure选项处传入一个方法，当服务器端出现错误时调用。正如onXXXXX 选项传入的方法一样，这两个在被调用的时候也传入一个带有AJAX请求的XMLHttpRequest对象。

我们的例子没有用任何有趣的方式处理这个 XML响应，我们只是把这段XML放进了一个文本域里面。对这个响应的一个典型的应用很可能就是找到其中的想要的信息，然后更新页面中的某些元素，或者甚至可能做某些XSLT转换而在页面中产生一些HTML。

在1.4.0版本中，一种新的事件回传外理被引入。如果你有一段代码总是要为一个特殊的事件执行，而不管是哪个AJAX调用引发它，那么你可以使用新的Ajax.Responders对象。

假设你想要在一个AJAX调用正在运行时，显示一些提示效果，像一个不断转动的图标之类的，你可以使用两个全局事件Handler来做到，其中一个在第一个调用开始时显示图标，另一个在最后一个调用完成时隐藏图标。看下面的例子。
<pre>
<script>
var myGlobalHandlers = {
onCreate: function(){
Element.show('systemWorking');
},
onComplete: function() {
if(Ajax.activeRequestCount == 0){
Element.hide('systemWorking');
}
}
};
Ajax.Responders.register(myGlobalHandlers);
</script>
<div id='systemWorking'><img src='spinner.gif'>Loading...</div>
</pre>
更完全的解释，请参照 Ajax.Request 参考和 Ajax选项参考。

===使用Ajax.Updater类===
如果你的服务器的另一端返回的信息已经是HTML了，那么使用这个程序包中 Ajax.Updater 类将使你的生活变得更加得容易。用它你只需提供哪一个元素需要被AJAX请求返回的HTML填充就可以了，例子比我写说明的更清楚。
<pre>
<script>
function getHTML()
{
var url = 'http://yourserver/app/getSomeHTML';
var pars = 'someParameter=ABC';

var myAjax = new Ajax.Updater(
'placeholder',
url,
{
method: 'get',
parameters: pars
});

}
</script>
<input type=button value=GetHtml onclick="getHTML()">
<div id="placeholder"></div>
</pre>
你可以看到，这段代码比前面的例子更加简洁，不包括 onComplete 方法，但是在构造方法中传入了一个元素id。我们来稍稍修改一下代码来描述如何在客户端处理服务器段错误成为可能。

我们将加入更多的选项，指定处理错误的一个方法。这个是用 onFailure 选项来完成的。我们也指定了一个 placeholder 只有在成功请求之后才会被填充。为了完成这个目的我们修改了第一个参数从一个简单的元素id到一个带有两个属性的对象， success (一切OK的时候被用到) 和 failure (有地方出问题的时候被用到) 在下面的例子中没有用到failure属性，而仅仅在 onFailure 处使用了 reportError 方法。
<pre>
<script>
function getHTML()
{
var url = 'http://yourserver/app/getSomeHTML';
var pars = 'someParameter=ABC';

var myAjax = new Ajax.Updater(
{success: 'placeholder'},
url,
{
method: 'get',
parameters: pars,
onFailure: reportError
});

}
function reportError(request)
{
alert('Sorry. There was an error.');
}
</script>
<input type=button value=GetHtml onclick="getHTML()">
<div id="placeholder"></div>
</pre>
如果你的服务器逻辑是连同HTML 标记返回JavaScript 代码， Ajax.Updater对象可以执行那段JavaScript代码。为了使这个对象对待响应为JavaScript，你只需在最后参数的对象构造方法中简单加入evalScripts: true属性。但是值得提醒的是，像这个选项名evalScripts暗示的，这些脚本会被执行，但是它们不会被加入到Page的脚本中。“有什么区别？”，可能你会这样问。我们假定请求地址返回的东东像这样：
<pre>
<script language="javascript" type="text/javascript">
function sayHi(){
alert('Hi');
}
</script>
<input type=button value="Click Me" onclick="sayHi()">
</pre>
如果你以前这样尝试过，你知道这些脚本不会如你所期望的那样工作，原因是这段脚本会被执行，但像上面这样的脚本执行并不会创建一个名叫sayHi的函数，它什么也不做。如果要创建一个函数，我们应当把代码改成下面这个样子：
<pre>
<script language="javascript" type="text/javascript">
sayHi = function(){
alert('Hi');
};
</script>
<input type=button value="Click Me" onclick="sayHi()">
</pre>
为什么我们在上面的代码中不使用var关键字来声明这个变量呢（指sayHi ），因为那样做创建出来的函数将只是当前脚本块的一个局部变量（至少在IE中是这样）。不写var关键字，创建出来的对象的作用域就是我们所期望的window。

更多相关知识，请参看 Ajax.Updater reference 和options reference.

[[category:JavaScript]]

Opera

2008-08-30T10:09:44Z

Fdream：/* Opera */

'''Opera'''Opera起初是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器，由于新版本的Opera增加了大量网络功能，官方将Opera定义为一个网络套件。目前官方发布的个人电脑用的最新稳定版本为Opera 9.51。

Opera支持多种操作系统，如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等，此外，Opera还有手机用的版本。

==特性==

*标签式浏览
*页面载入速度快
*多语言界面
*鼠标手势
*页面缩放
*自定义页面样式

==相关链接==

*官方网站：[http://www.opera.com/ Opera]

[[category:浏览器]]

mootools

2008-08-30T09:57:35Z

Fdream：/* MooTools */

== 简介 ==
MooTools是一个JavaScript开源框架，适用于中高级JavaScript开发者。通过MooTools提供的API，简化了开发者遍历HTML文档、事件处理、AJAX交互及动画特效的工作，可以帮助开发者轻松地完成强大的、灵活的跨浏览器代码。

MooTools代码遵循严格标准，不会抛出任何警告。有丰富的相关文档，代码中的变量名都具备明确意义，十分易于阅读。
== 浏览器兼容性 ==
MooTools兼容并完全通过以下浏览器测试：
*Safari 3+
*Internet Explorer 6+
*Firefox 2+（及基于gecko核心的浏览器）
*Opera 9+
== API参考 ==
== 扩展资源 ==
== 相关链接 ==
*官方网站：[http://www.mootools.net/ MooTools]
*官方文档：[http://docs.mootools.net/ MooTools Docs]

[[category:JavaScript]]

分类:浏览器

2008-08-30T09:55:05Z

Fdream：/* Opera */

== Internet Explorer ==

'''简介'''
:Internet Explorer，简称IE，是微软公司推出的一款网页浏览器。Internet Explorer是使用最广泛的网页浏览器，虽然自2004年以来它丢失了一部分市场占有率。在2005年4月，它的市场占有率约为85%。

:Internet Explorer是微软的新版本Windows操作系统的一个组成部分。在旧版的操作系统上，它是独立、免费的。从Windows 95OSR2开始，它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。

== Mozilla Firefox ==

'''简介'''

:Mozilla Firefox，非正式中文名称火狐，是一个网页浏览器，由Mozilla基金会与数百个志愿者所开发。原名“Phoenix”（凤凰），之后改名“Mozilla Firebird”（火鸟），再改为现在的名字。

:Firefox是Mozilla基金会开发的一个轻便、快速、简单与高扩充性的浏览器（与Mozilla Suite 区分）。Firefox已经是Mozilla开发的焦点，并将成为Mozilla基金会的官方浏览器，并可能成为Mozilla Suite的一部份（与 Mozilla Thunderbird电子邮件客户端共同组成）。

== Opera ==

'''简介'''

:Opera起初是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器，由于新版本的Opera增加了大量网络功能，官方将Opera定义为一个网络套件。目前官方发布的个人电脑用的最新稳定版本为Opera 9.51。

== Safari ==

'''简介'''

:Safari是由苹果公司基于WebKit框架开发的浏览器，被包含在Mac OS X中。第一次作为外部测试版发布于2003年1月7日，之后成为Mac OS X v10.3及之后的预装浏览器。它同时也是iPhone和iPod Touch的内置浏览器。Microsoft Windows版本的Safari发布于2007年6月11日，支持Windows XP和Windows Vista。

:Safari的市场占有率到2008年5月止为6.25%。

== 其它 ==
*[http://www.blueidea.com/tech/site/2008/6070.asp 关于浏览器的一些观点 ]

*[http://www.blueidea.com/tech/web/2008/5930.asp 解决IE6内存泄露的另类方法 ]

*[http://www.blueidea.com/computer/soft/2008/5722.asp Firefox中复制/粘贴进阶技巧 ]

*[http://www.blueidea.com/computer/soft/2008/5517.asp Opera不比Firefox差 ]

*[http://www.blueidea.com/tech/site/2008/5823.asp Opera网站开发工具Dragonfly简介 ]

*[http://www.blueidea.com/computer/soft/2008/5368.asp Firefox 2和3在windows下的共存 ]

*[http://www.blueidea.com/computer/soft/2007/4520.asp 推荐一些实用的Firefox扩展 ]

*[http://www.blueidea.com/tech/program/2007/5125.asp 历数Firefox2.0对XML处理的改进]

*[http://www.blueidea.com/tech/site/2008/5810.asp 浏览器 cookie 限制]

*[http://www.blueidea.com/tech/web/2008/5491.asp Firefox2中输入框丢失光标bug ]

*[http://www.blueidea.com/tech/web/2007/4979.asp firefox扩展插件制作方法 ]

*[http://www.blueidea.com/tech/web/2007/5101.asp Opera下cloneNode的bug ]

分类:浏览器

2008-08-30T09:51:17Z

Fdream：

== Internet Explorer ==

'''简介'''
:Internet Explorer，简称IE，是微软公司推出的一款网页浏览器。Internet Explorer是使用最广泛的网页浏览器，虽然自2004年以来它丢失了一部分市场占有率。在2005年4月，它的市场占有率约为85%。

:Internet Explorer是微软的新版本Windows操作系统的一个组成部分。在旧版的操作系统上，它是独立、免费的。从Windows 95OSR2开始，它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。

== Mozilla Firefox ==

'''简介'''

:Mozilla Firefox，非正式中文名称火狐，是一个网页浏览器，由Mozilla基金会与数百个志愿者所开发。原名“Phoenix”（凤凰），之后改名“Mozilla Firebird”（火鸟），再改为现在的名字。

:Firefox是Mozilla基金会开发的一个轻便、快速、简单与高扩充性的浏览器（与Mozilla Suite 区分）。Firefox已经是Mozilla开发的焦点，并将成为Mozilla基金会的官方浏览器，并可能成为Mozilla Suite的一部份（与 Mozilla Thunderbird电子邮件客户端共同组成）。

== Opera ==

'''简介'''

:Opera起初是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器，由于新版本的Opera增加了大量网络功能，官方将Opera定义为一个网络套件。目前官方发布的个人电脑用的最新稳定版本为Opera 9.50 Build 9864 Beta。

== Safari ==

'''简介'''

:Safari是由苹果公司基于WebKit框架开发的浏览器，被包含在Mac OS X中。第一次作为外部测试版发布于2003年1月7日，之后成为Mac OS X v10.3及之后的预装浏览器。它同时也是iPhone和iPod Touch的内置浏览器。Microsoft Windows版本的Safari发布于2007年6月11日，支持Windows XP和Windows Vista。

:Safari的市场占有率到2008年5月止为6.25%。

== 其它 ==
*[http://www.blueidea.com/tech/site/2008/6070.asp 关于浏览器的一些观点 ]

*[http://www.blueidea.com/tech/web/2008/5930.asp 解决IE6内存泄露的另类方法 ]

*[http://www.blueidea.com/computer/soft/2008/5722.asp Firefox中复制/粘贴进阶技巧 ]

*[http://www.blueidea.com/computer/soft/2008/5517.asp Opera不比Firefox差 ]

*[http://www.blueidea.com/tech/site/2008/5823.asp Opera网站开发工具Dragonfly简介 ]

*[http://www.blueidea.com/computer/soft/2008/5368.asp Firefox 2和3在windows下的共存 ]

*[http://www.blueidea.com/computer/soft/2007/4520.asp 推荐一些实用的Firefox扩展 ]

*[http://www.blueidea.com/tech/program/2007/5125.asp 历数Firefox2.0对XML处理的改进]

*[http://www.blueidea.com/tech/site/2008/5810.asp 浏览器 cookie 限制]

*[http://www.blueidea.com/tech/web/2008/5491.asp Firefox2中输入框丢失光标bug ]

*[http://www.blueidea.com/tech/web/2007/4979.asp firefox扩展插件制作方法 ]

*[http://www.blueidea.com/tech/web/2007/5101.asp Opera下cloneNode的bug ]

用户:Fdream

2008-08-30T09:36:18Z

Fdream：

== 经典论坛记录 ==
经典论坛 silverlight 版主
*2008.1.30 转为正式版主
*2007.12.10 上任实习版主

== 个人信息 ==
*MSN/Email: fdream@live.com
*Blog: [http://ooboy.net Fdream's Blog]

mootools

2008-08-30T09:30:21Z

Fdream：

mootools

2008-08-30T09:24:24Z

Fdream：新页面: == 简介 == MooTools是一个JavaScript开源框架，适用于中高级JavaScript开发者。通过MooTools提供的API，简化了开发者遍历HTML文档、事件处理、AJAX交互...