اول از همه باید Library آن را به Page خود اضافه کنید .
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script>
توابع که prototype ارائه می کند کد نویسی را برای شما آسان تر می کند.
مانند jQuery کتابخانه prototype دارای $() می باشد و این تابع مقدار مورد نیاز آن DOM( Document Object Model) element می باشد .
یک مثال بدون استفاده از prototype :
function myFunction() {
var obj = document.getElementById("h01");
obj.innerHTML = "تست";
}
onload = myFunction;
مثال بالا با استفاده از prototype :
function myFunction() {
$("h01").insert("تست!");
}
Event.observe(window, "load", myFunction);
تابع Event.observe() سه آرگمان قبول می کند :
-
object مورد نظر که در مثال ما Window است
-
رویدادی که مد نظر دارید
-
نام تابع مورد نظر که قصد اجرا آن را دارید
و در آخر لینک کد ساده با این کتابخانه