آموزش JavaScript(قسمت 1):مقدمه جاوا اسکریپت

مقدمه جاوا اسکریپت
جاوا اسکریپت چیست؟

آموزش 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
آموزش جاوا اسکریپت

JavaScript می تواند استایل (CSS) را تغییر دهد:

تغییر استایل عنصر HTML ، نوعی تغییر ویژگی HTML است.


document.getElementById("demo").style.fontSize = "35px";

برای مشاهده ی پیش نمایش آنلاین کلیک کنید.

قبل از کلیک:بعد از کلیک:
آموزش جاوا اسکریپتآموزش javascript
مقدمه JavaScript

JavaScript می تواند عناصر HTML را پنهان کند:

مخفی کردن عناصر HTML می تواند با تغییر در استایل نمایش انجام شود:

document.getElementById("demo").style.display = "none";

برای مشاهده پیش نمایش آنلاین اینجا کلیک کنید.

قبل از کلیک:بعد از کلیک:
مقدمه جاوا اسکریپت

بعد از کلیک:

JavaScript می تواند عناصر HTML را نشان دهد:

نمایش عناصر پنهان HTML نیز می تواند با تغییر در استایل نمایش انجام شود:

document.getElementById("demo").style.display = "block"; 

برای مشاهده پیش نمایش آنلاین اینجا کلیک کنید.

قبل از کلیک:بعد از کلیک:
نمایش عناصر اچ تی ام ال با جاوا اسکریپتنمایش عناصر اچ تی ام ال با JavaScript
آموزش JavaScript

منابع:

ویکی پدیا ، W3School

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *