سلام دوستان گرامی ، امیدوارم که حالتون خوب باشه و شاد و سلامت باشید. امروزدرمورد جاوااسکریپت مطالبی رو براتون اماده کردم امیدوارم که این آموزشهابتونه حتی شده کوچک تاثیر مثبتی داشته باشه.زبان JavaScript هیچ گونه توابع توکار (built-in) مربوط به چاپ و نمایش (print،display) ندارد.

توانایی جاوا اسکریپت در نمایش داده ها به گونه های مختلف (با استفاده از توابع متفاوت)

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

۱٫ با استفاده از تابع window.alert()، در پنجره ی هشدار (alert box) داده را نمایش می دهد.

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

۳٫ به وسیله ی خاصیت innerHTML، محتوای HTML را تعریف می کند و داخل آن کد می نویسید یا آن را دستکاری می کند.

۴٫ به کمک متد console.log()، داده ی مورد نظر را در مرورگر به نمایش می گذارد.

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

می توانید از یک پنجره ی هشدار (alert box) برای نمایش دادن خروجی (داده) استفاده کرد.

مثال

نمونه یک
?
۱
۲
۳
۴
۵
۶

My First Web Page

My first paragraph.

window.alert(5 + 6);

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

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

مثال

نمونه دو
?
۱
۲
۳

document.write(5 + 6);
۱۱

استفاده از document.write() پس از اینکه سند HTML کاملاً بار گذاری شده، باعث می شود کلیه ی HTML های موجود از صفحه حذف گردند.

مثال

نمونه سه
?
۱

استفاده از خاصیت innerHTML

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

خصیصه ی id عنصر HTML را تعریف می کند. خاصیت innerHTML در واقع محتوای HTML را تعریف می کند.

مثال :

نمونه چهار
?
۱
۲
۳

document.getElementById(“demo”).innerHTML = 5 + 6;

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

می توان در مرورگر با استفاده از متد console.log()، داده ی مورد نظر را نمایش داد.

دکمه ی F12 را فشار داده تا پنجره ی فرمان / کنسول مرورگر فعال شود، سپس “Console” را در منو انتخاب کنید.

مثال

نمونه پنج
?
۱
۲
۳

console.log(5 + 6);