روش های تولید خروجی در جاوا اسکریپت
جاوا اسکریپت می تواند داده ها را به روش های مختلف زیر نمایش دهد:
1. نوشتن در داخل یک عنصر HTML با استفاده از دستور innerHTML.
2. ایجاد خروجی HTML با استفاده از دستور document.write().
3.نوشتن در داخل یک جعبه ی هشدار، با استفاده از دستور window.alert().
4. نوشتن در درون کنسول مرورگر، با استفاده از دستور console.log().
استفاده از دستور innerHTML در جاوا اسکریپت
برای دسترسی به یک عنصر HTML، در جاوا اسکریپت، می توانیم از متد document.getElementById(id) استفاده کنیم. در این دستور، خصوصیت id به یک عنصر HTML اشاره می کند. و ویژگی innerHTML محتوای درون آن عنصر HTML را مشخص می کند:
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<h1>اولین صفحه وب من</h1>
<p>اولین پاراگراف من</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html> نکته: یک راه متداول برای نمایش دادن داده ها در HTML، تغییر دادن ویژگی innerHTML از عناصر است.
استفاده از دستور document.write() در جاوا اسکریپت
برای اینکه بتوانیم کدها را تست کنیم، می توانیم از دستور document.write() استفاده کنیم:
مثال شماره 2
<!DOCTYPE html>
<html>
<body>
<h1>اولین صفحه وب من</h1>
<p>اولین پاراگراف من</p>
<script>
document.write(5 + 6);
</script>
</body>
</html> نکته: اگر از دستور document.write() پس از اینکه سند(document) لود شد، استفاده کنیم، تمام کدهای HTML ما حذف خواهند شد.
مثال شماره 3
<!DOCTYPE html>
<html>
<body>
<h1>اولین صفحه وب من</h1>
<p>اولین پاراگراف من</p>
<button type="button" onclick="document.write(5 + 6)">امتحان کنید</button>
</body>
</html> نکته: از متد document.write() تنها برای تست کردن باید استفاده کنیم.
استفاده از دستور window.alert() در جاوا اسکریپت
برای نمایش دادن داده ها به صورت یک هشدار، می توانیم از متد alert() استفاده کنیم:
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<h1>اولین صفحه وب من</h1>
<p>اولین پاراگراف من</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html> در کدهای بالا، می توانیم کلمه کلیدی window را نادیده بگیریم.
در جاوا اسکریپت، آبجکت window، یک آبجکت با میدان دید سراسری(global scope) محسوب می شود. این یعنی اینکه متغیرها، پروپرتی ها و متدها، به طور پیش فرض به آبجکت window تعلق دارند. این یعنی اینکه استفاده از کلمه کلیدی window اختیاری است.
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<h1>اولین صفحه وب من</h1>
<p>اولین پاراگراف من</p>
<script>
alert(5 + 6);
</script>
</body>
</html> استفاده از دستور console.log() در جاوا اسکریپت
برای دیباگ کردن کدها، می توانیم متد console.log() را در مرورگر فراخوانی کنیم تا داده ها را نمایش دهیم. در فصل های بعدی، در مورد دیباگ کردن بیشتر توضیح خواهیم داد.
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
استفاده از متد print() در جاوا اسکریپت
جاوا اسکریپت، هیچ آبجکت یا متدی برای پرینت کردن ندارد. ما نمی توانیم در جاوا اسکریپت با دستگاه های خروجی ارتباط برقرار کنیم. تنها استثنا برای پرینت کردن محتوای پنجره فعلی، این است که متد window.print() را در مرورگر فراخوانی کنیم.
- بازدید: 447
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.