JavaScript强化教程——Prototype
本文为H5EDU机构官方HTML5培训教程，主要介绍：JavaScript强化教程——Prototype
引用Prototype
如需测试JavaScript库，您需要在网页中引用它。
为了引用某个库，请使用<script>标签，其src属性设置为库的URL：
引用Prototype
<!DOCTYPEhtml>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/pro...gt%3B
</script>
</head>
<body>
</body>
</html>
Prototype描述
Prototype提供的函数可使HTMLDOM编程更容易。
与jQuery类似，Prototype也有自己的$()函数。
$()函数接受HTMLDOM元素的id值（或DOM元素），并会向DOM对象添加新的功能。
与jQuery不同，Prototype没有用以取代window.onload()的ready()方法。相反，Prototype会向浏览器及HTMLDOM添加扩展。
在JavaScript中，您可以分配一个函数以处理窗口加载事件：
JavaScript方式：
functionmyFunction()
{
varobj=document.getElementById("h01");
obj.innerHTML="HelloPrototype";
}
onload=myFunction;
等价的Prototype是不同的：
Prototype方式：
functionmyFunction()
{
$("h01").insert("HelloPrototype!");
}
Event.observe(window,"load",myFunction);
Event.observe()接受三个参数：
您希望处理的HTMLDOM或BOM（浏览器对象模型）对象
您希望处理的事件
您希望调用的函数
测试Prototype
请试一下下面这个例子：
Example
<!DOCTYPEhtml>
<html>
<script
src="http://apps.bdimg.com/libs/pro...gt%3B
</script>
<script>
functionmyFunction()
{
$("h01").insert("HelloPrototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body></body>
</html>