Posted on 2006-09-24 15:18
风中聆听 阅读(402)
评论(0) 编辑 收藏 所属分类:
JavaScript
前言
Prototype.js 是一个由 Sam Stephenson 写的 JavaScript 包。这一段构思奇妙编写良好并兼容标准的代码将承担创建胖客户端、高交互性 WEB 应用程序的重担，让你轻松加入 Web 2.0 特性。
我想大部分人和我一样是因为Ajax而对Prototype.js感兴趣的吧。在复杂的Ajax应用中Prototype.js也许力不从心，但是，毫无疑问，学习Prototype将给我们带来极大的惊喜。
立刻行动吧！参照Prototype.js1.40源代码和Sergio Pereira的Prototype.js开发笔记(英语原文)开始学习！
简化的通用性方法
Using the $() function
$() 方法是在 DOM 中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个 DOM 方法一样，这个方法返回参数传入的 id 的那个元素。比原来的方法更胜一筹的是，你可以传入多个 id 作为参数， $()将返回一个所有你需要的元素的Array。并且你可以传入元素对象本身，这在某些时候非常有用。
源代码：
function $()
function $() {
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}使用示例：
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>
<script>
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);
}
}
</script>
</HEAD>
<BODY>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<div id="myOtherDiv">
<p>This is another paragraph</p>
</div>
<input type="button" value=Test1 onclick="test1();"><br>
<input type="button" value=Test2 onclick="test2();"><br>
</BODY>
</HTML>
<待续>