افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

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

آموزش جاوا اسکریپ                                                                                قسمت 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>

 

 

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

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

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

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

66912056  66562677 66120698   09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

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

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

 

نظرات 0 + ارسال نظر
امکان ثبت نظر جدید برای این مطلب وجود ندارد.