میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

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

خروجی یا Output

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

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

 

استفاده از  innerHTML

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

document.getElementById(id)

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

<p id=”demo”></p>

<script>
document.getElementById(“demo”).innerHTML = ۵ + ۶;
</script>

تغییر ویژگی داخلیHTML یک تگ HTML یک روش معمول برای نمایش داده ها در HTML است.

 

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

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

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

با استفاده از document.write () پس از بارگیری سند HTML ، همه HTML موجود حذف می شود. از روش document.write () فقط باید قبل استفاده تست شود.

 

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

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

<script>
window.alert(5 + ۶);
</script>

همچنین می توانید از کلمه کلیدی window صرف نظر کنید.
در جاوا اسکریپت ، شی window  یک ایسکوپ آبجکت گلوبال است ، به این معنی که متغیرها ، خصوصیات و روش ها به طور پیش فرض به آبجکت window  تعلق دارند. این همچنین بدان معنی است که تعیین کلمه کلیدی window   اختیاری است:

<script>
alert(5 + ۶);
</script>

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

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

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

چاپ در جاوا اسکریپت

جاوا اسکریپت هیچ نوع چاپ یا روش چاپی ندارد.
از JavaScript نمی توانید به دستگاه های خروجی دسترسی پیدا کنید. تنها استثنا این است که شما می توانید با استفاده از روش window.print () در مرورگر محتوای پنجره فعلی را چاپ کنید.

<button onclick=”window.print()”>Print this page</button>

 

 

 

 

 

امیدواریم آموزش خروجی در جاوا اسکریپت نیز برای شما مفید واقع شده باشد .برای مطالعه پست‌های بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

بیشتر
قیمت گوشی نوت 10 سامسونگ رسما اعلام شد
ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟