جاوااسكريپت داده ها را بچهار روش مختلف نمايش ميدهد .مطابق زير:
دراين روش جاوااسكريت داده ها را در عنصرHTML قرارميدهدكه در صفحه نمايش داده ميشود . براي اين كار با متدdocument.getElementById(id) به عنصريكه idآن در متد استفاده شده دسترسي پيدا ميكند .با ويژگيinnerHTML محتوي آن عنصر را تغيير ميدهد .مطابق مثال زير
مثال ـ تغيير محتوي عنصرHTML با جاوااسكريپت
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My First Paragraph</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script > </body> </html>
تغييردر ويژگيinnerHTML عنصر HTML يك روش معمول در نمايش داده ها در HTMLتوسط جاوااسكريپت است.
اين امكان يعنيdocument.write() براي اهداف كنترلي وآزمايشي راحتراست .
مثال ـ نمايش داده در جاوااسكريپت باdocument.write()
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My first paragraph.</p> <script> document.write(5 + 6); </script > </body> </html>
اين امكان استفاده نمائيد پس از بارگذاري سند براي حذف عناصر سند.
مثال ـ استفاده ازdocument.write(); براي حذف عناصر سند.
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My first paragraph.</p> <button type="button" onclick="document.write(5 + 6)">Try it </body> </html>
امكانdocument.write() فقط براي آرمايش استفاده ميشود.
ميتوان براي نمايش داده ها از يك باكس پيغامي يا هشدار استفاده نمود.
مثال ـ نمايش داده با باكس هشدارwindow.alert()
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My first paragraph.</p> <script> window.alert(5 + 6); </script > </body> </html>
ميتوان از مورد فوق كلمه كليديwindow. را حذف نمود ومتدرا بدون آن بكاربرد. اين اختياريست و متد فوق بصورت پيشفرض براي شيwindow ميباشد.
مثال ـ استفادهalert() بدون window.
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My first paragraph.</p> <script> alert(5 + 6); </script > </body> </html>
اين امكان يعنيwindow.log() براي اهداف اشكال زدائي مورد استفاده قرار ميگيرد. اين متد در پنجره مرورگرفرا.خوان ميشود تا داده را نمايش دهد.
در فصل بعدي بيشتر در مورد اشكال زدائي بحث ميشود.
مثال ـwindow.log()
<!DOCTYPE html> <html> <body> <script> console.log(5 + 6); </script > </body> </html>
جاوااسكريپت هيچ شئ يا روش چاپي ندارد .يعني نميتوان با جاوااسكريپت بدستگاه خروجي دسترسي پيداكرد.
متدwindow.print() تنها استثناي آنست كه مي توانيد آنرا در پنجره مرورگر فراخوان نمائيد تا پنجره فعلي را چاپ كند.
چاپ صفحهمثال -
<!DOCTYPE html> <html> <body> <button onclick="window.print()">Print this page </body> </html>