آموزش جاوا اسکریپت

خروجی های جاوا اسکریپت

آموزش جاوا اسکریپت از مبتدی تا حرفه ای

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

امکانات نمایش جاوا اسکریپت

جاوا اسکریپت می تواند داده ها را به روش های مختلف نمایش دهد

  • نوشتن در درون یک عنصر HTML با استفاده از innerHTML.
  • نوشتن در خروجی HTML با استفاده از document.write().
  • نوشتن در یک کادر هشدار با استفاده از window.alert().
  • نوشتن در کنسول مرورگر با استفاده از console.log().

استفاده از innerHTML

برای دسترسی به یک عنصر HTML ، جاوا اسکریپت می تواند از روش document.getElementById(id) استفاده کند.

خصوصیت id عنصر HTML را مشخص میکند. ویژگی innerHTML محتوای HTML را مشخص میکند:

مثال

خودتان آزمایش کنید

تغییر خاصیت innerHTML یک عنصر HTML، رایج ترین راه برای نمایش داده ها در HTML است.


استفاده از document.write()

به منظور اهداف آزمایشی، راحت تر است که از document.write() استفاده شود:

مثال

خودتان آزمایش کنید

استفاده از document.write() بعد از اینکه یک سند HTML بارگزاری شد، همه کد های HTML را پاک خواهد کرد:

مثال

خودتان آزمایش کنید

از روش document.write() فقط برای آزمایش باید استفاده شود.


 

استفاده از window.alert()

شما می توانید از یک کادر هشدار برای نمایش داده استفاده کنید:

مثال

خودتان آزمایش کنید


استفاده از console.log()

برای اشکال زدایی می توانید از روش console.log() برای نمایش داده ها استفاده کنید.

در بخش های بعدی مطالب بیشتری در مورد اشکال زدایی یاد میگیرید.

مثال

خودتان آزمایش کنید


منبع : W3Schools.com


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

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