JavaScript في HTML
- الصفحة السابقة إطار داخلي HTML
- الصفحة التالية مسار HTML
علامة <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.
- الصفحة السابقة إطار داخلي HTML
- الصفحة التالية مسار HTML