محل های قرار گیری کدهای جاوا اسکریپت - شروع JavaScript

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

برای شروع شما می بایست مکان هایی که کدهای جاوا اسکریپت می تواند در آنها قرار گیرد یا یاد بگیرید.

درون تگ script

شما برای استفاده از کدهای جاوا اسکریپت می بایست از تگ script در html استفاده کنید. تگ اسکریپت بدین صورت نوشته می شود:
<script>
// JavaScript codes
</script>  

همانظور که می بینید یکی از راه های استفاده از کدهای جاوا اسکریپت این هست که آنها را درون تگ script به کار ببرید.

استفاده در فایل خارجی

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

شما کافیست که تمامی کدهای جاوا اسکریپت خود را درون یک فایل که ترجیحا پسوند آن js (مخفف JavaScript) باشد ریخته و آن را در یک هاست مناسب آپلود کنید (فایل می بایست به صورت مستقیم آپلود شده باشد) و در جای مناسب مشخص شده در کد زیر قرار دهید. کدهای جاوا اسکریپت معمولا به دلیل اهمیتشان درون تگ head قرار می گیرند تا قبل از این که صفحه لود شود کدهای جاوا اسکریپت آماده اجرا باشند اما این اجبار نیست که در آن مکان باشند. شما می توانید با نیازی که دارید کدها را به دلخواه خود هر جای head یا body به کار ببرید.
<script src="//moisrex.rozblog.com/js/site.js"></script>

همانطور که در قسمت سبر رنگ می بینید آدرس فایلی نوشته شده است که پسوند آن js می باشد و مانند یک فایل txt نمایش داده می شود. در بعضی از مواقع به تگ script خاصیت های دیگری مانند type با مقدار text/javascript و یا language با مقدار javascript داده می شود اما نیازی به استفاده از این خاصیت ها نیست. مرورگر های جدید همه چیز را متوجه می شوند.

استفاده در واقعه ها (events)

واقعه ها خاصیت هایی هستن که در مکان های مختلفی از صفحه قرار می گیرند که تعداد آنها بسیار زیاد است و هر کدام در جایی کار خاصی را به عهده می گیرند. برای مثال شما برای این که مشخص کنید که زمانی که روی یک دکمه کلیک شد یک کد جاوا اسکریپت اجرا شود و برای شما کاری را انجام دهد می بایست از event ها کمک بگیرید. شما می توانید مثالی از آن را در زیر مشاهده کنید:
<button onclick="alert(' ooops! ');">click here!</button>

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