JavaScript في HTML

يمنح JavaScript صفحة HTML مرونة وتفاعلية

مثال

أولى سطور JavaScript الخاصة بي

جرب بنفسك

علامة <script> لـ HTML

HTML <script> الوسم يُستخدم لتعريف سكريبتات العميل (JavaScript).

<script> العنصر يمكن أن يحتوي على جمل سكريبت، أو يمكنه تنفيذها من خلال src الصفة تشير إلى ملف سكريبت خارجي.

من الاستخدامات الشائعة لـ JavaScript معالجة الصور، التحقق من صحة النماذج، وتغيير المحتوى بشكلديناميكي.

لإختيار عناصر HTML، يُستخدم JavaScript عادةً document.getElementById() الأساليب

هذا مثال JavaScript يكتب "Hello JavaScript!" داخل عنصر HTML الذي يحمل id="demo":

مثال

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

جرب بنفسك

نصيحة:يمكنك زيارة دليل تعليمات JavaScript لمعرفة المزيد عن JavaScript.

طعم JavaScript

هذه بعض الأمثلة على قدرات JavaScript:

مثال

يمكن للجافاسكربت تغيير المحتوى:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

جرب بنفسك

مثال

يمكن للجافاسكربت تغيير الأسلوب:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

جرب بنفسك

مثال

يمكن للجافاسكربت تغيير الخصائص:

document.getElementById("image").src = "picture.gif";

جرب بنفسك

علامة <noscript> لـ HTML

HTML <noscript> تعريف محتوى بديل يظهر للمستخدمين الذين قاموا بتعطيل السكربت في المتصفح أو لا يدعم المتصفح السكربت:

مثال

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>آسف، متصفحك لا يدعم JavaScript!</noscript>

جرب بنفسك

علامة Script لـ HTML

علامة وصف
<script> تحديد سكربت العملاء
<noscript> تحديد محتوى بديل للمستخدمين الذين لا يدعمون سكربت العملاء أو لا يدعم المتصفح سكربت.

للحصول على قائمة كاملة بجميع علامات HTML المتاحة، يرجى زيارة دليل علامات HTML.