آموزش جاوا اسکریپ قسمت 3
خروجی جاوا اسکریپت :
خروجی با استفاده از () 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
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://Telegram.me/afragraphic_ir
http://cloob.com/name/afragraphic