HTML الجافا سكريبت

الجافا سكريبت يجعل صفحات HTML أكثر ديناميكية وتفاعلية.

HTML <script> العلامة

<script>يستخدم هذا الكود لتحديد برنامج نصي من جانب العميل (جافا سكريبت).

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

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

لتحديد عنصر HTML ، غالبًا ما تستخدم JavaScript document.getElementById()الطريقة.

مثال جافا سكريبت هذا يكتب “Hello JavaScript!” في عنصر HTML مع id = “demo”:

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

الجافا سكريبت

فيما يلي بعض الأمثلة لما يمكن أن يفعله JavaScript:

يمكن تغيير محتوى HTML

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

يمكن تغيير أنماط HTML

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

يمكن تغيير سمات HTML

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

HTML <noscript> العلامة

تُستخدم <noscript> لتوفير محتوى بديل للمستخدمين الذين قاموا بتعطيل البرامج النصية في المستعرض أو لديهم متصفح لا يدعم البرامج النصية من جانب العميل:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> <noscript>Sorry, your browser does not support JavaScript!</noscript>

العلامات