آموزش بارگذاری جاوا اسکریپت
آموزش جاوااسکریپت (JavaScript) زمان مطالعه: 3 دقیقه تاریخ انتشار: 9 ماه قبل

آموزش بارگذاری جاوا اسکریپت

در قسمت اول از آموزش جاوا اسکریپت گفتیم که javascript محبوب ترین زبان برنامه نویسی دنیاست که امروزه توسعه وب را دگرگون کرده است برای آشنایی بیشتر با جاوا اسکریپت می توانید مقاله جاوا اسکریپت چیست؟ را مطالعه کنید. اگر قصد یادگیری جاوا اسکریپت را دارید در مرحله اول باید چگونگی بارگذاری جاوا اسکریپت در HTML را یاد بگیرید چگونه از آن استفاده کنید. پس در ادامه این مقاله همراه هیرود باشید.

 

جاوا اسکریپت دوست HTML و CSS

معمولا از جاوا اسکریپت در کنار html و css برای پویا کردن صفحات وب استفاده می شود. صفحه وب بدون جاوا اسکریپت بسیار خشک به نظر می رسد و با جاوا اسکریپت میتوان به آن عملکردها مختلف را اضافه کرد تا صفحه وب پویایی داشته باشیم. برای استفاده از جاوا اسکریپت دو روش رایج وجود دارد، یا باید از جاوا اسکریپت مستقیما در سند HTML استفاده کرد و آن را در کنار HTML نوشت یا میتوان مانند فایل های CSS، آن را وارد سند HTML کرد. در ادامه به بررسی دو روش می پردازیم.

 

استفاده مستقیم از جاوا اسکریپت (Internal)

ما متوانیم با استفاده از تگ <script> کدهای جاوا اسکریپت خود را در سند HTML بنویسیم که به آن استفاده Internal یا داخلی می گویند. در ادامه یک فایل HTML ساده را مشاهده می کنید که دارای تگ <script> است که میتوان کدهای جاوا اسکریپت را در آن نوشت.

<'!DOCTYPE html'>
<'html'>
<'body'>

<p>Herod.ir</p>

<'script'>
//محل قرار گیری کدهای جاوا اسکریپت
<'/script'>

<'/body'>
<'/html'>

 

چه زمانی از Internal جاوا اسکریپت استفاده کنیم؟

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

توجه: شاید در بسیاری از موارد شما تگ script را همراه با ویژگی type مانند مثال زیر دیده باشید که امروزه با توجه پیش فرض شدن جاوا اسکریپت به عنوان زبان اسکریپت نویسی Html دیگر استفاده نمی شود.

<'script type="text/javascript"'>

 

استفاده غیرمستقیم از جاوا اسکریپت (External)

در اکثر موارد برای مدیریت و توسعه راحت تر کدهای جاوا اسکریپت از این روش استافده می شود. شما میتوانید دقیقا مانند استفاده ازفایل های CSS در سند HTML، کدهای خود را در یک فایل جداگانه با پسوند .js نوشته و سپس آن را وارد سند HTML نمایید. شما مانند مثال زیر میتوانید فایل های javascript خود را در html لود کنید.

<'script src="path/js-code.js"'><'/script'>

شما میتوانید با قرار دادن کد بالا بین تگ های head یا body فایل جاوا اسکریپت خود را لود کنید.

توجه: در این حالت شما نباید بین تگ های script هیچ کد جاوا اسکریپت قرار دهید و باید تمام کدهای خود را در فایل مورد نظر بنویسید.

 

مزایای استفاده از جاوا اسکریپت External

اگر شما کدهای جاوا اسکریپت خود را در یک فایل جداگانه بنویسید مزایای زیر را خواهید داشت:

  • تفکیک کدهای HTML  و Javascript

  • مدیریت بهتر و توسعه بهینه تر

  • جلوگیری از بهم ریختگی و طولانی شدن فایل HTML

  • افزایش سرعت بارگذاری صفحات وب به لطف کشدن شدن فایل های js توسط مرورگرها

 

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

امتیاز به این مقاله فراموش نشه
میانگین امتیاز 5 از 5 ، کل امتیازات: 2
امیر اشرفی
نویسنده: امیر اشرفی

امیر اشرفی هستم مدیر و بنیان گذار آکادمی هیرود، حدود 10 سالی میشه که در حوزه برنامه نویسی و توسعه وب و موبایل فعالیت میکنم و تونستم تجربه خوبی در این حوزه بدست بیارم. یکی از علاقه هام انتقال تجربه هایی که در اختیار دارم به دیگرانه و باعث میشه حالم خوب بشه و اشتیاق یادگیریم افزایش پیداکنه، در واقع هیرود نتیجه حال خوبیامه :)

دوره های قهرمانی پیشنهادی

اولین قدم برنامه نویسی

اولین قدم برنامه نویسی

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

سبد خرید

سبد خرید شما خالی است.

پیش به سوی قهرمانی