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

آموزش افزودن jQuery به صفحات وب

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

افزودن jQuery به صفحات وب خود

چندین راه برای افزودن کتابخانه ی jQuery به پروژه و استفاده از آن در صفحات وجود دارد که در زیر شرح داده است:

دانلود چارچوب کاری jQuery از سایت jQuery.com وlink کردن (پیوند دادن) آن به صفحه وب از طریق تگ <script>
استفاده از یک CDN (شبکه ی تحویل محتوا) مانند Google و اضافه کردن آدرس URL (مکان یکنواخت منبع) آن به صفحه وب به واسطه ی تگ <script>
CDN، سرواژه ی کلمات Content Delivery Networks است (شبکه ی تحویل محتوا).شبکه تحویل محتوا (به انگلیسی: Content Delivery Network) که به اختصار CDN نیز خوانده می‌شود یک شبکه بزرگ از سرورهایی است که در چندین نقطه دنیا مستقر هستند و به صورت جغرافیایی توزیع شده‌اند. با استفاده از CDN محتوا با توجه به موقعیت جغرافیایی کاربر از طریق نزدیک‌ترین سرور به کاربر ارائه داده می‌شود. این سرویس در افزایش سرعت تحویل کانتنت و پهنای باند در وب سایت‌های با بازدید بالا و وب سایت‌های جهانی مانند گوگل، یاهو و … بسیار موثر است.

روش اول دانلود jQuery

دو نسخه ی مختلف از چارچوب کاری jQuery برای بارگیری در دسترس می باشد که عبارتند از:

نسخه Production: این ورژن، یک فایل فشرده (شده و کم حجم minify)یا jQuery است و ویژه ی وب سایت های زنده و درحال کار مناسب می باشد.
نسخه Development: این ورژن، یک فایل غیرفشرده، خوانا (readable) و برای هنگامی که در حال آماده سازی و نصب وب سایت خویش هستید بهترین گزینه ی در دست می باشد.
هر دو نسخه ی نام برده را می توانید از سایت jQuery.com بارگیری کنید.
jQuery صرفا یک فایل JavaScript است و همان گونه که پیشتر شرح داده شد می توانید با استفاده از tag <script> آن را به صفحه ی خویشlink کنید ( <script> باید در بخش <script> جای گذاری شود):

                        <head>
                    
                        </head>
                    
نکته:

فایل بارگیری شده را بایستی در همان پوشه ای (directory) که صفحاتتان در آن قرار دارد، جای گذاری کنید.

خاصیت src باید با آدرس فایل بارگیری شده مقدار دهی شود، در نمونه ی فوق، فایل jQuery دقیقا در همان مسیر صفحه جاری قرار دارد. اگر فایل jQuery در آدرسی غیر از آدرس صفحه جاری قرار دارد لازم آن را در نظر داشته باشید.

شاید این سوال برای شما پیش آید که چرا در تگ <script> خاصیت type با مقدار "text/javascript" مقدار دهی نشده است؟

در HTML5 لزومی به انجام این کار نیست. در ویرایش 5 زبان نشانه گذاری وب HTML و مرورگرهای فعلی JavaScript زبان پردازه نویسی (scripting language) پیش فرض تلقی می شود.

روش جایگزین (استفاده از یک CDN )

چنانچه مایل به بارگیری و میزبانی کتابخانه ی jQuery نیستید، در آن صورت می توانید آن را از یک CDN دریافت نمایید. Microsoft و Google هر دو jQuery را host می کنند (نقش سرور میزبان را برای کتابخانه ی ذکر شده ایفا می کنند).
در این روش شما لینک دسترسی به فایل کتابخانه jQuery ، که بروی سرور مورد نظرتان مستقر است را در یک تگ <script> و در بخش </head> صفحه ی HTML جای گذاری می نمایید. در این حالت صفحه در حین بارگذاری شدن، به سرویس دهنده متصل شده و از کتابخانه ی آنلاین استفاده می کند.

: Google CDN

نمونه یک



امتحان کنید

:Microsoft CDN

نمونه دو



امتحان کنید

یکی از مزایای بزرگ استفاده از CDNهای Google یا Microsoft:

در شرایطی که بازدیدکنندگان از سایت شما (کاربران)، از پیش در سایت های دیگر، فایل jQuery را از شبکه ی تحویل محتوا های Google یا Microsoft دریافت کرده اند، در آینده، فایل jQuery از حافظه ی نهان (cache) صدا زده می شود که در نتیجه بهبود سرعت را به دنبال دارد.

  • 5262
  •    1924
  • تاریخ ارسال :   1394/07/29

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

ارسال

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

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