%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده (تمدید شد)
سبد (0)

تبلیغات

کتابخانه prototype

اضافه کردن کتابخانه Prototype به صفحه وب

Wiki

برای استفاده از یک کتابخانه JavaScript، باید آنرا به صفحه وبتان اضافه نمایید.

برای اضافه کردن کتابخانه، باید از تگ <script> استفاده کنید و خصوصیت src آنرا با URL کتابخانه تنظیم نمایید.

اضافه کردن Prototype

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js>
  </script>
</head>
<body>
</body>
</html>

توصیف Prototype

Wiki

کتابخانه 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;

معادل کد بالا در Prototype با کمی تفاوت:

روش Prototype:

function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);

سه پارامتر ورودی شیء ()Event.observe:

  • پارامتر اول (window): شیء DOMی است که می خواهید روی آن کار کنید.
  • پارامتر دوم (load): رویدادی است که می خواهید به ازای آن کاری انجام شود.
  • پارامتر سوم (myFunction): تابعی است که می خواهید صدا زده شود.

کار کردن با Prototype

Wiki

مثال زیر را امتحان کنید:

مثال (کتابخانه prototype)

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
خودتان امتحان کنید »

مثال زیر را نیز امتحان کنید:

مثال (کتابخانه prototype)

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
خودتان امتحان کنید »

همان طور که در مثال بالا می بینید، مانند jQuery در Prototype نیز می توانید چندین کار را بطور همزمان روی یک شیء انجام دهید. (زنجیره ای کردن یا Chaining)

$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");

دیدگاه‌ها  

+1 # webnoos.com 1394-02-21 18:55
میشه که محتویات لینکی که جهت وارد کردن کتابخانه ها از گوگل وارد کرده ایم را در یک فایل js ذخیره کنیم و لینک رو از سایت خودمون بدیم؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1394-02-21 19:09
برای لینک به یکی از کتابخانه های JavaScript دو راه پیش روی شماست:
1- طبق فرمایش شما، فایل اصلی کتابخانه را در سایت مان قرار بدیم و سپس در صفحات مختلف سایت به آن لینک بدهیم و از آن استفاده کنیم.
2- لینک به آخرین نسخه jQuery یا کتابخانه های دیگر JavaScript که روی سایت های معروفی مثل Google قرار داده شده اند.
برای کسب اطلاعات بیشتر درباره دانلود و نحوه ی لینک کردن کتابخانه jQuery به لینک زیر مراجعه فرماییدک
www.beyamooz.com/jquery/109-basic/590-%D8%A7%D8%B6%D8%A7%D9%81%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-jquery-%D8%A8%D9%87-%D8%B5%D9%81%D8%AD%D9%87-%D9%88%D8%A8
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی JavaScript

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی