آموزش جاوا اسکریپ قسمت 3
خروجی جاوا اسکریپت :
- جاوا اسکریپت می تواند داده ها را در روش های مختلف نمایش می دهد :
- نمایش خروجی در یک کادر هشدار با استفاده از () window.alert
- نمایش خروجی در سند html با استفاده از () document.write
- نمایش خروجی در یک عنصر html با استفاده از () innerHTML
- نمایش خروجی در کنسول مرورگر با استفاده از () 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
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
عضو شوید
عضویت سریع
آمار مطالب
آمار بازدید
