Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

خروجی جاوا اسکریپت|آموزش جاوا اسکریپت|طراحی سایت

آموزش جاوا اسکریپ                                                                                قسمت 3

 

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

 

  • جاوا اسکریپت می تواند داده ها را در روش های مختلف نمایش می دهد :
  1. نمایش خروجی در یک کادر هشدار با استفاده از () window.alert
  2. نمایش خروجی در سند  html  با استفاده از  () document.write 
  3. نمایش خروجی در یک عنصر html با استفاده از () innerHTML 
  4. نمایش خروجی در کنسول مرورگر با استفاده از () console.log

خروجی با استفاده از () 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>

خروجی :

 

خروجی با استفاده از ()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 بعد از لود شدن کامل صفحه وب سبب پاک شدن کل سند html  صفحه شما می شود

 
مثال :
 

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>

خروجی : پس از کلیک بر روی button کل صفحه html پاک شده و 11 در خروجی نمایش داده می شود

 
 
نکته : از روش ()document.write باید تنها برای تست وب سایت استفاده شود
خروجی با استفاده ازinnerHTML :

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

استفاده کنید.

مثال :
 
<!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>

 

خروجی :

 

خروجی با استفاده از   ()console.log :

 

شما می توانید از روش ()console.log برای نمایش داده ها در مرورگر شما ، استفاده کنید.
 
مثال :
 
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

 

 

پایان قسمت سوم

منابع : https://www.w3schools.com/js/js_output.asp

کانون تبلیغاتی افراگرافیک

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056  66562677 66120698   09122246022

https://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

https://instagram.com/afragraphic1390

https://facebook.com/AfraGraphic

https://plus.google.com/104048725792771050756

https://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

https://twitter.com/afragraphic

https://ir.linkedin.com/in/afragraphic

https://aparat.com/afragraphic

https://Telegram.me/afragraphic_ir

https://cloob.com/name/afragraphic

 

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت طراحی و چاپ افراگرافیک  می باشد.