جافا سكريبت ليس لديها أي المدمج في وظائف الطباعة أو العرض.
جافا سكريبت إمكانيات العرض
جافا سكريبت يمكن البيانات "عرض" بطرق مختلفة:
- الكتابة في مربع التنبيه، وذلك باستخدام 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 بشكل كامل، سوف تحذف جميع 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>
انها محاولة لنفسك » و document.write() يجب استخدام الطريقة فقط للاختبار.
باستخدام innerHTML
للوصول إلى عنصر HTML، يمكن أن جافا سكريبت استخدام document.getElementById(id) الأسلوب.
و id تحدد سمة عنصر HTML. و innerHTML يحدد الملكية محتوى HTML:
مثال
<!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>
انها محاولة لنفسك » إلى "عرض البيانات" في HTML، (في معظم الحالات) سوف تعيين قيمة ل innerHTML الممتلكات.
باستخدام console.log()
في المتصفح الخاص بك، يمكنك استخدام console.log() طريقة لعرض البيانات.
تفعيل وحدة المتصفح مع F12، وحدد "وحدة التحكم" في القائمة.
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
انها محاولة لنفسك »