سبد خرید (0)

یادگیری JavaScript

در آینده، چه چیزی را یادگیری خواهید دید

در زیر، آنچه در آینده به تفصیل فراخواهید گرفت آورده شده است:


یادگیری JavaScript (جاوا اسکریپت): یادگیری ایجاد خروجی HTML

مثال (یادگیری JavaScript)

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
خودتان امتحان کنید »

توجه: در کدهای JavaScript (جاوا اسکریپت) واقعی، از دستور ()document.write استفاده نکنید. چون تمام صفحه دوباره بارگذاری می شود. با این وجود در اینجا دستور ()document.write یک راه ساده برای ایجاد خروجی HTML در JavaScript (جاوا اسکریپت) را نشان می دهد.


یادگیری JavaScript (جاوا اسکریپت): یادگیری واکنش در برابر رویدادها

کدهای JavaScript، زمانی اجرا می شوند که صفحه بارگذاری شود (onload) اما این چیزی نیست که همیشه نیاز داریم.

بعضی مواقع می خواهیم زمانی که یک رویداد خاص اتفاق می افتد، کدمان اجرا شود، مانند زمانی که کاربر روی یک دکمه کلیک می کند.

مثال (یادگیری JavaScript)

<button type="button" onclick="alert('Welcome!')">Click Me!</button>
خودتان امتحان کنید »

از تابع alert، معمولاً اگر بخواهید، کاربر را از اطلاعات ارسال شده به Server مطمئن کنید، استفاده کنید. (پیغام: عملیات با موفقیت انجام شد)

رویداد onclick، تنها یکی از رویدادهای HTML است و در یادگیری های بعدی با آنها بیشتر آشنا خواهید شد.


یادگیری JavaScript (جاوا اسکریپت): یادگیری تغییر محتوای عناصر HTML

یکی از بهترین قابلیت های JavaScript (جاوا اسکریپت)، دستکاری محتوای عناصر HTML است. (JavaScript (جاوا اسکریپت) می تواند محتویات عناصر HTML را بخواند و آنها را تغییر دهد)

مثال (یادگیری JavaScript)

x=document.getElementById("demo") //Find the element
x.innerHTML="Hello JavaScript"; //Change the content
خودتان امتحان کنید »

شما دستور ()document.getElementByID را در آینده بسیار خواهید دید. در قسمت HTML DOM تعریف شده است.

DOM یا (Document Object Model) یک استاندارد رسمی در W3C است و برای دسترسی به عناصر HTML است. (در آینده بیشتر توضیح داده خواهد شد)


یادگیری JavaScript (جاوا اسکریپت): یادگیری تغییر تصاویر HTML

این مثال، بصورت داینامیک، خصوصیت (src) عنصر <img> را تغییر می دهد:

مثال (یادگیری JavaScript)

element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/pic_bulboff.gif";
}
else
{
element.src="/pic_bulbon.gif";
}
}
خودتان امتحان کنید »

JavaScript (جاوا اسکریپت) بسیاری از خصوصیت های عناصر HTML را می تواند تغییر دهد.


یادگیری JavaScript (جاوا اسکریپت): یادگیری تغییر ظاهر (Style) عناصر HTML

تغییر Style یک عنصر نسبت به تغییر خصوصیت کمی متفاوت است.

مثال (یادگیری JavaScript)

x=document.getElementById("demo") //Find the element 
x.style.color="#ff0000"; //Change the style
خودتان امتحان کنید »

یادگیری JavaScript (جاوا اسکریپت): یادگیری اعتبار سنجی فرم (Validate)

JavaScript (جاوا اسکریپت) می تواند برای معتبر ساختن اطلاعات فرم، قبل از اینکه به سرور ارسال شود استفاده شود. چنین فرم هایی جلوی پردازش های اضافی توسط سرور را می گیرند.

مثال (یادگیری JavaScript)

if isNaN(x) {alert("Not Numeric")};
خودتان امتحان کنید »

مطلب بالا را ویرایش کنید ...!

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

تغییرات اعمال شده در اولین فرصت توسط مدیر سایت بررسی شده و نهایتاً به مطلب اصلی منتقل خواهد شد. بدین ترتیب شما نیز سهمی در بالا بردن دانش دیگر هموطنانمان خواهید داشت.