فروشگاه همواره تخفیف 2050
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

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

امکانات نمایش جاوا اسکریپت

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

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

استفاده از تابعinnerHTML

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

ویژگی شناسه عنصر HTML وخاصیت innerHTML محتویات HTML را تعریف می کند.

<! DOCTYPE html>
<html>
<body>

<h1> صفحه اول وب من </h1>
<p> پاراگراف اول من </p>

<p id = "نسخه ی نمایشی"> </p>

<script>
document.getElementById ("نسخه ی نمایشی"). داخلیHTML = 5 + 6؛
</script>

</body>
</html>

 تغییر خاصیت innerHTML عناصر HTML یکی از روش های رایج برای نمایش داده ها در HTML است.

استفاده از document write

برای تست های مختلف، استفاده از document write مناسب است.

<! DOCTYPE html>
<html>
<body>

<h1> صفحه اول وب من </h1>
<p> اولین پاراگراف من. </p>

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

</body>
</html>

استفاده از document write پس از بارگیری یک سند HTML ، تمام HTML  محتوای صفحه حذف خواهد شد.

<! DOCTYPE html>
<html>
<body>

<h1> صفحه اول وب من </h1>
<p> اولین پاراگراف من. </p>

<button type = "button" onclick = "document.write (5 + 6)"> آن را امتحان کنید </button>

</body>
</html>

متد document write فقط باید برای آزمایش تستینگ استفاده شود.

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

میتوانید از یک پنجره ی پیغام برای نمایش داده ها استفاده کنید .

<! DOCTYPE html>
<html>
<body>

<h1> صفحه اول وب من </h1>
<p> اولین پاراگراف من. </p>

<script>
windows.alert (5 + 6)؛
</script>

</body>
</html>

می توانید کلمه کلیدی پنجره راجست وجو کنید.

در جاوا اسکریپت ، شیء پنجره شیء دامنه جهانی است ، به این معنی که متغیرها ، خصوصیات و روشها به طور پیش فرض متعلق به شیء پنجره است. این همچنین بدان معنی است که تعیین کلمه کلیدی پنجره اختیاری است.

<! DOCTYPE html>
<html>
<body>

<h1> صفحه اول وب من </h1>
<p> اولین پاراگراف من. </p>

<script>
هشدار (۵ + ۶)؛
</script>

</body>
</html>

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


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

<! DOCTYPE html>
<html>
<body>

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

</body>
</html>

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


جاوا اسکریپت هیچ نوع چاپ یا روش چاپ ندارد.

شما نمی توانید از JavaScript به دستگاههای خروجی دسترسی پیدا کنید.

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

<! DOCTYPE html>
<html>
<body>

<button onclick = "windows.print ()"> چاپ این صفحه </button>

</body>
</html>

دیدگاه‌های نوشته