بعد از دانستن کاربردهای جاوااسکریپت چیست، ما با دو بخش ورودی و خروجی آشنا میشویم. وظیفۀ ورودی دریافت اطلاعات از کاربر و وظیفۀ خروجی نمایش دادن پاسخ بهدرخواست کاربر در صفحات وب است.
حالا فرضا ما به یک صفحۀ وب اطلاعاتی ارسال کردهایم؛ جاوااسکریپت چگونه این اطلاعات را در مرورگر نمایش میدهد؟
Javascript output چیست؟
وظیفۀ جاواسکریپت اوتپوت، نمایش خروجی اطلاعات است. حالا برای نمایش این اطلاعات، یک برنامهنویس باید با چهار روش نمایش خروجی در صفحات وب با جاوااسکریپت آشنا شود.
- inner HTML
- document.write()
- window.alert()
- console.log()
innerHTML
اگر بخواهیم با استفاده از جاوااسکریپت درون یک عنصر در صفحۀ وب محتوایی بنویسیم، از innerHTML استفاده میکنیم.
نحوۀ کار با دستور innerHTML در جاواسکریپت بعد از ایجاد یک فایل HTML، ما به تگ موردنظر، یک id مشخص میکنیم. پس از آن در بخش script فایل، از دستور inner HTML استفاده میکنیم تا درون فایل HTML محتوای ما نمایش داده شود. HTML:
<h1 id="ehsan"></h1>
<script> document.getElementById('ehsan').innerHTML="preview innerHTML" </script>
حالا خروجی کد بالا را در مرورگر مشاهده میکنیم.
document.write()
اگر بخواهیم یک محتوا را بهعنوان کل سند HTML نمایش دهیم، از document.write() استفاده میکنیم.
window.alert()
اگر بخواهیم در یک صفحۀ مرورگر یک هشدار به مخاطب نمایش دهیم، از دستور window.alert() استفاده میکنیم.
console.log()
و در آخر، اگر بخواهیم یک محتوا را در کنسول بخش insept مرورگر نمایش دهیم، از دستور console.log() در جاوااسکریپت استفاده میکنیم.