HTML جافا سكريبت
JavaScript يجعل صفحات HTML أكثر ديناميكية وتفاعلية.
مثال
My First JavaScript
علامة HTML <script>
تُستخدم علامة HTML <script>
لتعريف برنامج نصي من جانب العميل (JavaScript).
يحتوي <script>
العنصر إما على عبارات البرنامج النصي ، أو يشير إلى ملف نصي خارجي من خلال src
السمة.
الاستخدامات الشائعة لجافا سكريبت هي معالجة الصور والتحقق من صحة النموذج والتغييرات الديناميكية للمحتوى.
لتحديد عنصر HTML ، غالبًا ما تستخدم JavaScript
document.getElementById()
الطريقة.
يكتب مثال JavaScript هذا "Hello JavaScript!" في عنصر HTML بالمعرف = "demo":
مثال
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
نصيحة: يمكنك معرفة المزيد حول JavaScript في برنامج JavaScript التعليمي .
طعم جافا سكريبت
فيما يلي بعض الأمثلة لما يمكن لـ JavaScript القيام به:
مثال
يمكن لـ JavaScript تغيير المحتوى:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
مثال
يمكن لـ JavaScript تغيير الأنماط:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
مثال
يمكن لـ JavaScript تغيير السمات:
document.getElementById("image").src = "picture.gif";
علامة HTML <noscript>
تحدد علامة HTML <noscript>
المحتوى البديل ليتم عرضه على المستخدمين الذين قاموا بتعطيل البرامج النصية في المستعرض الخاص بهم أو لديهم متصفح لا يدعم البرامج النصية:
مثال
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
تمارين HTML
علامات البرنامج النصي HTML
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .