JavaScript强化教程——Prototype
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript强化教程——Prototype相关的知识，希望对你有一定的参考价值。
本文为 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>
本文出自 “11721999” 博客，请务必保留此出处http://11731999.blog.51cto.com/11721999/1850985
以上是关于JavaScript强化教程——Prototype的主要内容，如果未能解决你的问题，请参考以下文章