خروجی های JavaScript

یادگیری JavaScript

تعداد بازدید : 2212

تاریخ و ساعت انتشار : چهار شنبه 8 فروردین 1397 09:04

امکانات نمایش JavaScript

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

استفاده از innerHTML

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

شناسه id عنصر HTML را تعریف می کند innerHTML محتوای HTML را تعریف می کند

استفاده از innerHTML

 <!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 () مناسب است:

استفاده از 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 () بعد از یک سند HTML به طور کامل بارگذاری می شود و تمام 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</button>

</body>
</html>

مشاهده مثال

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

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

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

استفاده از 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>

مشاهده مثال

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

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

در مورد اشکال زدایی در فصل بعد بیشتر بدانید.

استفاده از console log

 <!DOCTYPE html>
<html>
<body>

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

</body>
</html>

مشاهده مثال

دانلود فایل PDF مقاله درس بعدی درس قبلی

نظر شما

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

خروجی های JavaScript

امکانات نمایش JavaScript

استفاده از innerHTML

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

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

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

مهدی احدی

نظر شما

یادگیری JavaScript

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

مقالات مرتبط