مقدمه

Main Page Tutorial
موارد آموزشی
آموزش مقدمه اصول اولیه خروجی عبارات شیوهٔ نوشتن دستورات درج توضیحات متغیرها عملگرها عملگرهای ریاضی عملگرهای مقداردهی انواع داده‌ها توابع تعاریف شیء رویدادها رشته‌های متنی متدی برای داده‌های رشته‌ای اعداد متدی برای داده‌های عددی آرایه‌ها متدهای آرایه مرتب‌سازی آرایه‌ها متدهای پیمایش آرایه تاریخ و زمان فرمت‌های تاریخ متدهای دریافت تاریخ متدهای تنظیم تاریخ شیء ریاضی ایجاد عدد تصادفی مقادیر منطقی عملگرهای منطقی و مقایسه‌ای ساختار شرطی تکه کد Switch حلقهٔ For حلقهٔ While Break و Continue تبدیل نوع داده‌ها عملیات‌های بیتی عبارات با قاعده رخ دادن خطا Scope جا به جایی کدها استفاده از حالت سخت‌گیرانه کلمهٔ کلیدی This کلمهٔ کلیدی Let ثابت‌ها توابع به صورت پیکان کلاس‌ها اشکال‌زدایی راهنمای استایل بهترین تمرینات اشتباهات رایج کارایی کلمات رزرو شده نسخه‌ها نسخه ES5 نسخه ES6 JSON
فرم‌ها در جاوا اسکریپت
اشیاء در جاوا اسکریپت
تابع در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
Browser BOM در جاوا اسکریپت
AJAX در جاوا اسکریپت
JSON در جاوا اسکریپت
جی‌کوئری در برابر جاوا اسکریپت
مرجع جاوا اسکریپت

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

جاوا اسکریپت می‌تواند محتوای صفحه HTML را تغییر دهد

یکی از متدهای (به انگلیسی: Methods) زبان جاوا اسکریپت که برای HTML قابل استفاده است متد getElementById() است.

این مثال از متد getElementById استفاده می‌کند تا یک عنصر HTML ای با استفاده از شناسه (id) که در این مثال برابر با کلمه demo است را بیابد:

(with id="demo") و محتوای این عنصر(innerHTML)را به عبارت "Hello JavaScript" تغییر دهد:

مثال

document.getElementById("demo").innerHTML = "Hello JavaScript";

مشاهدهٔ نتیجه

جاوا اسکریپت هم از تک کوتیشن ' و هم از دو کوتیشن " پشتیبانی می‌کند:

مثال

document.getElementById('demo').innerHTML = 'Hello JavaScript';

مشاهدهٔ نتیجه

جاوا اسکریپت می‌تواند مقادیر ویژگی‌های (به انگلیسی: Attribute) زبان HTML را تغییر دهد

در این مثال به وسیلهٔ زبان جاوا اسکریپت مقدار ویژگی src (به انگلیسی: Source) را که از ویژگی‌های تگ <img> زبان HTML است را تغییر می‌دهیم:

روشنایی لامپ

مشاهدهٔ نتیجه

جاوا اسکریپت می‌تواند طرح (به انگلیسی: CSS) صفحه HTML را تغییر دهد

تغییر طرح (به انگلیسی: style) یک عنصر زبان HTML، نوعی از تغییر مقدار ویژگی‌های (attribute) زبان HTML است.

مثال

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

مشاهدهٔ نتیجه

جاوا اسکریپت می‌تواند عناصر یک سند HTML را مخفی کند

مخفی کردن عناصر یک سند HTML می‌تواند از طریق تغییر مقدار ویژگی display یا نمایش عنصر مورد نظر، انجام گیرد.

مثال

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

مشاهدهٔ نتیجه

جاوا اسکریپت می‌تواند عناصر یک صفحه HTML را نمایش دهد

نمایش عناصر HTML ای را که از دید کاربر پنهان هستند را می‌توان به وسیلهٔ ویژگی dispaly در زبان جاوا اسکریپت انجام داد:

مثال

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

مشاهدهٔ نتیجه

صفحهٔ بعد»

«صفحهٔ قبل