JavaScript强化教程——Prototype-js教程-PHP中文网

JavaScript强化教程——Prototype

巴扎黑

发布： 2016-12-05 11:31:55

原创

1167人浏览过

本文为 h5edu 机构官方 html5培训教程，主要介绍：javascript强化教程 —— prototype

引用 prototype
如需测试 javascript 库，您需要在网页中引用它。
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 url：
引用 prototype
<!doctype html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/pro ... gt%3b
</script>
</head>
<body>
</body>
</html>

prototype 描述
prototype 提供的函数可使 html dom 编程更容易。
与 jquery 类似，prototype 也有自己的 $() 函数。
$() 函数接受 html dom 元素的 id 值（或 dom 元素），并会向 dom 对象添加新的功能。
与 jquery 不同，prototype 没有用以取代 window.onload() 的 ready() 方法。相反，prototype 会向浏览器及 html dom 添加扩展。
在 javascript 中，您可以分配一个函数以处理窗口加载事件：
javascript 方式：
function myfunction()
{
var obj=document.getelementbyid("h01");
obj.innerhtml="hello prototype";
}
onload=myfunction;
等价的 prototype 是不同的：
prototype 方式：
function myfunction()
{
$("h01").insert("hello prototype!");
}
event.observe(window,"load",myfunction);
event.observe() 接受三个参数：
您希望处理的 html dom 或 bom（浏览器对象模型）对象
您希望处理的事件
您希望调用的函数
测试 prototype
请试一下下面这个例子：
example
<!doctype html>
<html>
<script
src="http://apps.bdimg.com/libs/pro ... gt%3b
</script>
<script>
function myfunction()
{
$("h01").insert("hello prototype!");
}
event.observe(window,"load",myfunction);
</script>
</head>
<body></body>
</html>

易优微信教育培训小程序模板

易优微信教育培训小程序模板是基于前端开源小程序+后端易优cms+标签化API接口，是一套开源、快速搭建个性化需求的小程序CMS。轻量级TP底层框架，前后端分离，标签化API接口可对接所有小程序，支持二次开发。即使小白用户也能轻松搭建制作一套完整的线上版小程序。微信教育培训小程序模板主要特点：1、代码开源，支持二次修改2、微信原生写法，兼容性更好，代码可读性更强3、功能接口完整，支持eyoucms