جافا سكريبت يجعل صفحات HTML أكثر ديناميكية وتفاعلية.
انها محاولة لنفسك - أمثلة
إدراج برنامج نصي
كيفية إدراج جافا سكريبت في وثيقة HTML.
استخدام <noscript> العلامة
كيفية التعامل مع المتصفحات التي لا تدعم البرمجة، أو لديك البرمجة النصية معطلة فيه.
وHTML <script> الكلمات الدلالية
و <script> يستخدم كلمة دلالية لتحديد برنامج نصي (JavaScript) .
و <script> العنصر إما يحتوي على البيانات النصية أو يشير إلى ملف نصي خارجية من خلال src السمة.
الاستخدامات الشائعة لجافا سكريبت لمعالجة الصور، التحقق من صحة النموذج، والتغيرات الدينامية من المحتوى.
السيناريو يكتب أدناه مرحبا جافا سكريبت! إلى عنصر HTML مع id="demo" :
مثال
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> انها محاولة لنفسك » لمعرفة كل شيء عن جافا سكريبت، يرجى زيارة موقعنا جافا سكريبت تعليمي !
وHTML <noscript> الكلمات الدلالية
و <noscript> يستخدم كلمة دلالية لتوفير محتوى بديل للمستخدمين الذين لديهم مخطوطات المعوقين في المتصفح أو لديك متصفح لا يدعم البرامج النصية من جانب العميل.
و <noscript> يمكن أن تحتوي على عنصر جميع العناصر التي يمكنك أن تجد داخل <body> عنصر صفحة HTML عادية.
محتوى داخل <noscript> لن يتم عرض عنصر إذا لم يتم اعتماد البرامج النصية، أو يتم تعطيل في متصفح المستخدم:
مثال
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript> انها محاولة لنفسك » طعم جافا سكريبت (From Our JavaScript Tutorial)
وفيما يلي بعض الأمثلة على ما يمكن القيام به جافا سكريبت:
جافا سكريبت يمكن تغيير محتوى HTML:
document.getElementById("demo").innerHTML = "Hello JavaScript!"; انها محاولة لنفسك » جافا سكريبت يمكن تغيير الأنماط HTML:
document.getElementById("demo").style.fontSize = "25px"; انها محاولة لنفسك » جافا سكريبت يمكن تغيير سمات HTML:
document.getElementById("image").src = "picture.gif"; انها محاولة لنفسك » HTML سيناريو الكلمات
| بطاقة | وصف |
|---|---|
| <script> | يعرف برنامج نصي من جانب العميل |
| <noscript> | تعرف على محتوى بديل للمستخدمين الذين لا تدعم البرامج النصية من جانب العميل |