آموزش جاوا اسکریپت (قسمت ۰۲ : اصول نوشتن جاوا اسکریپت) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش جاوا اسکریپت (قسمت ۰۲ : اصول نوشتن جاوا اسکریپت)

آموزش جاوا اسکریپت (قسمت ۰۲ : اصول نوشتن جاوا اسکریپت)

به طور کلی به سه طریق می توانیم از جاوا اسکریپت در یک صفحه استفاده کنیم :

  1. وارد کردن اسکریپت در بخش <head> صفحه
  2. وارد کردن جاوا اسکریپت در بخش <body> صفحه
  3. استفاده از فایل اسکریپت خارجی

به یاد داشته باشید که می توانید از همه روشهای بالا به طور همزمان برای وارد کردن جاوا اسکریپت در صفحه استفاده کنید.

در دو روش اول کدهای جاوا اسکریپت به طور مستقیم وارد صفحه HTML می شوند. برای وارد کردن جاوا اسکریپت در این دو روش از تگ script استفاده می شود. تمامی کدهای جاوا اسکریپتی که می خواهید به طور مستقیم وارد صفحه کنید باید در تگ script قرار داشته باشند وگرنه مرورگر به جای به کار بردن، آنها را به صورت متن در صفحه نمایش می دهد. معمولاً کدهای جاوا اسکریپت با ساختار زیر وارد صفحه می شوند :

در تگ بالا برای مشخص کردن نوع اسکریپتی که مرورگر باید برای تفسیر کردن کد استفاده کند از دو شناسه language و type استفاده می کنیم.

 

وارد کردن اسکریپت در بخش <head>

در هنگام باز شدن یک صفحه وب عناصر موجود در بخش <head> قبل از سایر اجزای صفحه لود می شوند. معمولاً هنگامی کدهای جاوا اسکریپت در بخش <head> متن استفاده می شود که بخواهیم مطمئن شویم به هنگام نیاز کدهای ما لود شده اند.

در اینجا یک مثال از استفاده از جاوا اسکریپت در <head> را مشاهده می کنید :

 مشاهده دموی آنلاین عملکرد کد بالا

وارد کردن جاوا اسکریپت در قسمت بدنه متن HTML

این امکان وجود دارد که کدهای جاوا اسکریپت را در قسمت <body> صفحه وارد کنیم. در این صورت لود شدن آنها تا هنگامی که آن بخش از صفحه لود شود به عقب می افتد و اگر صفحه به صورت کامل باز نشود ممکن است اسکریپت ما کار نکند. مثال زیر یک نمونه از وارد کردن جاوا اسکریپت در <body> صفحه HTML را نشان می دهد :

 مشاهده دموی آنلاین عملکرد کد بالا

 

فرا خوانی اسکریپت خارجی به صفحه

گاهی اوقات ممکن است بخواهید از یک سری از کدهای جاوا اسکریپت برای چندین صفحه استفاده کنید و نمی خواهید همه آنها را به صورت جداگانه در هر صفحه بنویسید. در این مواقع می توانید کدهای مورد نظر خود را در یک فایل متنی وارد کنید و آنرا با پسوند js. ذخیره کنید. در هر صفحه ای که بخواهید از این فایل استفاده کنید کافی است آنرا در آن صفحه فرا خوانی کنید. (به یاد داشته باشید که در این فایلهای خارجی نباید از تگهای <script> که مخصوص HTML هستند استفاده کنید)

برای فرا خوانی این فایلها به صفحه از همان تگ script که در موارد قبل استفاده می کردیم کمک می گیریم با این تفاوت که در اینجا به آن یک شناسه src که آدرس اسکریپت ما به عنوان مقدار آن قرار گرفته است اضافه می کنیم.

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

برای مثال کد جاوا اسکریپت زیر را در نظر بگیرید :

این کد را در فایلی با نام example.js در همان پوشه ای که صفحه ما قرار دارد ذخیره کرده ایم. حالا با وارد کردن کد زیر در صفحه می توانیم فایل بالا را فراخوانی کنیم :

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید