توصیف Prototype
کتابخانه Prototype توابعی را برای برنامه نویسی آسان تر، فراهم می کند.
مانند jQuery، کتابخانه Prototype نیز تابع ()$ را دارد.
تابع ()$، معادل متد ()document.getElementById در JavaScript عمل می کند. اگر با توجه به مدل DOM در HTML، شناسه یک عنصر به آن ارسال شود، در Prototype به کلیه خصوصیت ها و متدهای آن دسترسی خواهید داشت.
برخلاف jQuery، کتابخانه Prototype متد ()ready را ندارد. بجای آن در Prototype ملحقاتی به مرورگر و مدل DOM اضافه شده است.
اختصاص یک تابع به رویداد onload:
در JavaScript، می توان یک تابع را به یک رویداد مثل onload اختصاص داد:
روش JavaScript:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=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);
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
سه پارامتر ورودی شیء ()Event.observe:
- پارامتر اول (window): شیء DOMی است که می خواهید روی آن کار کنید.
- پارامتر دوم (load): رویدادی است که می خواهید به ازای آن کاری انجام شود.
- پارامتر سوم (myFunction): تابعی است که می خواهید صدا زده شود.