خروجی JavaScript

JavaScript هیچ گونه تابع چاپ یا نمایش داخلی ارائه نمی‌دهد.

طرح‌های نمایش JavaScript

JavaScript می‌تواند داده‌ها را به روش‌های مختلف "نمایش" کند:

  • استفاده از window.alert() در جعبه هشدار نوشته شود
  • استفاده از document.write(); در خروجی HTML نوشته شود
  • استفاده از innerHTML در عنصرهای HTML نوشته شود
  • استفاده از console.log(); در کنسول مرورگر نوشته شود

استفاده از innerHTML

برای دسترسی به عنصرهای HTML، JavaScript می‌تواند از document.getElementById(id) روش.

id ویژگی‌ها تعریف عنصرهای HTML را دارند. ویژگی innerHTML محتوای HTML را تعریف می‌کند:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه اول من</h1>
<p>段落 اول من</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

به طور مستقیم امتحان کنید

توجه:روش تغییر ویژگی innerHTML عنصر HTML، روش معمولی برای نمایش داده‌ها در HTML است.

از document.write() استفاده کنید

به منظور تست، از document.write(); ساده‌تر است:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه اول من</h1>
<p>段落 اول من</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

به طور مستقیم امتحان کنید

توجه:بعد از بارگذاری کامل مستند HTML document.write(); استفاده کنیدتمام HTML‌های موجود را حذف کنید :

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه اول من</h1>
<p>段落 اول من</p>
<button onclick="document.write(5 + 6)">آمتحان کنید</button>
</body>
</html>

به طور مستقیم امتحان کنید

توجه:document.write(); این روش تنها برای تست استفاده می‌شود.

از window.alert() استفاده کنید

شما می‌توانید از جعبه‌های هشدار برای نمایش داده‌ها استفاده کنید:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه اول من</h1>
<p>段落 اول من</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

به طور مستقیم امتحان کنید

از console.log() استفاده کنید

در مرورگر، شما می‌توانید از console.log(); روش‌هایی برای نمایش داده‌ها.

لطفاً کنسول مرورگر را با استفاده از F12 فعال کرده و در منوی آن گزینه "کنسول" را انتخاب کنید.

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه اول من</h1>
<p>段落 اول من</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

به طور مستقیم امتحان کنید