
آموزش JavaScript: جاوا اسکریپت چیست؟
مقدمه جاوا اسکریپت: جاوا اسکریپت (به انگلیسی: JavaScript، /ˈdʒɑːvəˌskrɪpt/) با کوتهنوشت JS نوعی زبان برنامهنویسی است که با ویژگیهای ارائه شده در مشخصات اکما اسکریپت مطابق میباشد. جاوااسکریپت نوعی زبان سطح بالا، کامپایل درجا، و چندالگویی است. جاوااسکریپت نحو آکولادی دارد، نوع دهی آن پویا است، نوع شیءگرایی اش بر پایه پیشنمونه است، و دارای توابع کلاس اول میباشد. برای مشاهده آموزش JavaScript با تیگو وب همراه باشید.
در کنار HTML و CSS، جاوااسکریپت یکی از فنآوریهای هستهای وب جهانگستر است.
مقدمه جاوا اسکریپت:
علیرغم اشتباه عمومی، زبان جاوااسکریپت با زبان جاوا ارتباطی ندارد، دلیل این نام گذاری محبوبیت زبان جاوا در هنگام تولد جاوااسکریپت بود؛ اگر چه ساختار این زبان به سی پلاس پلاس (++C) و سی شارپ (C#) شباهت دارد که این امر برای یادگیری آسان در نظر گرفته شدهاست. از همین رو دستورهای متداول مانند if, for, try..catch ,”while” و… در این زبان هم یافت میگردند.
این آموزش شامل چند نمونه JavaScript می باشد که می توانید آن ها را انجام دهید.
JavaScript می تواند محتوای HTML را تغییر دهد:
متد getElementById()
یکی از پر استفاده ترین متدها در جاوا اسکریپت می باشد.
مثال زیر یک عنصر HTML با مشخصه ( id = demo) را پیدا می کند و محتوای عنصر (innerHTML) را تغییر می دهد به “Hello JavaScript”:
document.getElementById("demo").innerHTML = "Hello JavaScript";
برای مشاهده ی پیش نمایش آنلاین کلیک کنید.
قبل از کلیک: | بعد از کلیک: |
![]() | ![]() |
همانطور که در تصویر مشاهده کردید متن “JavaScript can change HTML content.” به “Hello JavaScript” تغییر کرد.
نکته: جاوا اسکریپت کوتیشن (‘) و دابل کوتیشن (“) را می پذیرد.
document.getElementById('demo').innerHTML = 'Hello JavaScript';
برای مشاهده ی پیش نمایش آنلاین کلیک کنید.
JavaScript می تواند مقادیر صفات HTML را تغییر دهد:

در این مثال JavaScript مقدار صفت src (منبع) یک برچسب را تغییر می دهد.
برای مشاهده ی پیش نمایش آنلاین کلیک کنید.
قبل از کلیک: | بعد از کلیک: |
![]() | ![]() |
JavaScript می تواند استایل (CSS) را تغییر دهد:
تغییر استایل عنصر HTML ، نوعی تغییر ویژگی HTML است.
document.getElementById("demo").style.fontSize = "35px";
برای مشاهده ی پیش نمایش آنلاین کلیک کنید.
قبل از کلیک: | بعد از کلیک: |
![]() | ![]() |
JavaScript می تواند عناصر HTML را پنهان کند:
مخفی کردن عناصر HTML می تواند با تغییر در استایل نمایش انجام شود:
document.getElementById("demo").style.display = "none";
برای مشاهده پیش نمایش آنلاین اینجا کلیک کنید.
قبل از کلیک: | بعد از کلیک: |
![]() | ![]() |
بعد از کلیک:
JavaScript می تواند عناصر HTML را نشان دهد:
نمایش عناصر پنهان HTML نیز می تواند با تغییر در استایل نمایش انجام شود:
document.getElementById("demo").style.display = "block";
برای مشاهده پیش نمایش آنلاین اینجا کلیک کنید.
قبل از کلیک: | بعد از کلیک: |
![]() | ![]() |