مقدمه‌ای بر جاوا اسکریپت

از ویکی کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
JavaScript-menu.png
موارد آموزشی
فرم‌ها در جاوا اسکریپت
اشیاء در جاوا اسکریپت
تابع در جاوا اسکریپت
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 است را تغییر می‌دهیم:

روشنایی لامپ

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


جاوا اسکریپت می‌تواند طرح (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";

منابع آموزشی