إخراج 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>

جرب بنفسك