آموزش جاوا اسکریپت (بخش 3)
آموزش جاوا اسکریپت (بخش 3) ;این مقاله آموزش 3 شامل ادامه سری آموزش های جاوا اسکریپت است.
جاوا اسکریپت در <body>
در این مثال، یک تابع جاوا اسکریپت در قسمت <body> در یک صفحه HTML قرار می گیرد.
هنگامی که بر روی آن دکمه کلیک می شود، تابع فراخوانی می شود (نامیده می شود):
آموزش جاوا اسکریپت (بخش 3)
»قرار دادن اسکریپت در پایین عنصر <body> سرعت نمایش را بهبود می بخشد، زیرا تدوین اسکریپت صفحه نمایش را تضعیف می کند.
جاوا اسکریپت خارجی
اسکریپت ها همچنین می توانند در فایل های خارجی قرار داده شوند:
فایل خارجی: myScript.js
اسکریپت های خارجی عملی هستند زمانی که همان کد در بسیاری از صفحات مختلف وب استفاده می شود.
فایل های جاوا اسکریپت دارای پسوند فایل js. هستند.
برای استفاده از یک اسکریپت خارجی، نام فایل اسکریپت را در مشخصه (src (source تگ <script> قرار دهید:
مثال
آموزش جاوا اسکریپت (بخش 3)
شما می توانید مرجع اسکریپت خارجی را در <head> یا <body> قرار دهید که دوست دارید.
این اسکریپت به همان شیوه ای که در آن تگ <script> واقع شده است، رفتار می کند.
»اسکریپت های خارجی نمی توانند تگ های <script> را داشته باشند.
مزایای جاوا اسکریپت خارجی
قرار دادن اسکریپت ها در فایل های خارجی دارای مزایایی است:
- این HTML و کد را جدا می کند
- این باعث می شود که HTML و جاوا اسکریپت برای خواندن و نگهداری آسان تر باشد
- فایل های جاوا اسکریپتی ذخیره شده می توانند بارهای صفحه را افزایش دهند
بیشتر بخوانید: آموزش css
برای اضافه کردن چندین فایل اسکریپت به یک صفحه – از چندین برچسب اسکریپت استفاده کنید:
مثال
منابع خارجی
اسکریپت های خارجی را می توان با یک URL کامل یا با یک مسیر نسبت به صفحه وب فعلی ارجاع داد.
این مثال از یک URL کامل برای پیوند به یک اسکریپت استفاده می کند:
مثال
آموزش جاوا اسکریپت (بخش 3)
این مثال از یک اسکریپت در یک پوشه مشخص در وب سایت فعلی استفاده می کند:
آموزش جاوا اسکریپت (بخش 3)
این مثال به یک اسکریپت در پوشه مشابه صفحه فعلی لینک می شود:
مقالات مرتبط:
گوگل اسیستنت در مقابل الکسا: کدام یک بهترین است
آیا عدم استفاده از دومین com. به وب سایت شما آسیب می رساند؟
برای مشاهده سایر مقالات این سایت اینجا کیلیک کنید.
آموزش سی شارپ در تبریز – آموزش بهینه سازی در تبریز – آموزش اندروید در تبریز – آموزش برنامه نویسی در تبریز – آموزش طراحی سایت در تبریز
ارسال دیدگاه