آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تست کردن کتابخانه prototype

دوره های مرتبط با این مقاله

تست کردن کتابخانه ی prototype

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

برای استفاده از یک کتابخانه یا framework جاوا اسکریپت، باید آنرا به صفحه ی وب خود اضافه نمایید.
به منظور افزودن کتابخانه به صفحه ی وب، باید از تگ <script> استفاده کرده و خاصیت src آن را به URL کتابخانه متصل (set) کنید:

<!DOCTYPE html>
<html>
<head>
<script src="prototype.js"></script>
</head>
<body>

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

کتابخانه Prototype توابعی را برای برنامه نویسی سهل، عرضه می کند.
همانند jQuery، کتابخانه ی Prototype نیز تابع ()$ را در خود دارد.
تابع ()$معادل متد ()document.getElementById در جاوا اسکریپت بوده و کارکردی مشابه آن دارد. در صورتی که برمبنای مدل شی گرای سند در اچ تی ام ال، id یک المان را به تابع نام برده پاس دهید، در چارچوب کاری Prototype به تمامی property ها و توابع آن دسترسی خواهید داشت.
درست برعکس فریم ورک jQuery، کتابخانه Prototype تابعی به نام ()ready ندارد. به عنوان جایگزینی برای تابع یاد شده، در Prototype افزونه هایی (extension) به مرورگر و مدل (شی گرای سند) DOM الحاق شده است.

تخصیص تابع به رخداد onload:

در جاوا اسکریپت، می توان یک تابع را به یک رخدادی (event) مانند onload انتساب (تخصیص) داد:

در جاوا اسکریپت:

                                function myFunction() {
            var obj = document.getElementById("h01");
            obj.innerHTML = "Hello Prototype";
        }

onload = myFunction;

معادل prototype آن:

                            function myFunction() {
            $("h01").insert("Hello Prototype!");
        }

Event.observe(window, "load", myFunction);

()Event.observe سه آرگومان می گیرد:

آرگومان اول (window): شی DOM یا BOM ای است که می خواهید مدیریت کنید (روی آن عملیاتی انجام دهید).
آرگومان دوم (load): رخدادی است که می خواهید اداره کنید (با اجرای آن کاری انجام شود).
آرگومان سوم (myFunction): تابعی است که می خواهید فراخوانی شود.

کار با کتابخانه ی prototype

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

نمونه یک

    
امتحان کنید

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

نمونه دو

    
امتحان کنید

همان طور که در مثال بالا مشاهده می کنید، prototype همانند jQuery به شما اجازه ی انجام چندین کار را به طور همزمان روی یک شی می دهد (امکان chaining را فراهم می نماید).

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 2021
  •    1626
  • تاریخ ارسال :   1394/08/11

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .