خروجی های JavaScript

امکانات نمایش 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> 
مشاهده مثال

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط