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

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

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

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

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

1. با استفاده از تابع window.alert()، در پنجره ی هشدار (alert box) داده را نمایش می دهد.
2. با استفاده از تابع document.write()، متن مشخص (خروجی HTML) را در صفحه چاپ کرده و نمایش می دهد.
3. به وسیله ی خاصیت innerHTML، محتوای HTML را تعریف می کند و داخل آن کد می نویسید یا آن را دستکاری می کند.
4. به کمک متد console.log()، داده ی مورد نظر را در مرورگر به نمایش می گذارد.

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

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

مثال:

< h1 >My First Web Page< /h1 >
< p >My first paragraph.< /p >
 
< script >
    window.alert(5 + 6);
< /script >

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

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

مثال:

< script >
    document.write(5 + 6);
< /script >11

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

مثال:

	
< button type="button" onclick="document.write(5 + 6)" >Try it< /button >

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

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

مثال:

< script >
    document.getElementById("demo").innerHTML = 5 + 6;
< /script >

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

می توان در مرورگر با استفاده از متد console.log()، داده ی مورد نظر را نمایش داد.
دکمه ی F12 را فشار داده تا پنجره ی فرمان / کنسول مرورگر فعال شود، سپس "Console" را در منو انتخاب کنید.

مثال:

< script >
    console.log(5 + 6);
< /script >