مثال
إرسال "مرحبا جافا سكريبت!" مع جافا سكريبت:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
انها محاولة لنفسك » تعريف واستخدام
و <script> يستخدم كلمة دلالية لتحديد برنامج نصي من جانب العميل (جافا سكريبت).
و <script> العنصر قد يحتوي بيانات البرمجة، أو يشير إلى ملف نصي خارجية من خلال src السمة.
الاستخدامات الشائعة لجافا سكريبت لمعالجة الصور، التحقق من صحة النموذج، والتغيرات الديناميكية للمحتوى.
نصيحة: إذا كنت تريد أن تتعلم جافا سكريبت، يرجى زيارة موقعنا جافا سكريبت تعليمي .
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <script> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
نصائح وملاحظات
ملاحظة: إذا كان "src" السمة الحالية، و <script> يجب أن يكون عنصر فارغ.
نصيحة: ابحث أيضا في <noscript> عنصر للمستخدمين الذين لديهم مخطوطات المعوقات في المستعرض الخاص بهم، أو لديك متصفح لا يدعم البرامج النصية من جانب العميل.
ملاحظة: هناك عدة طرق يمكن تنفيذ برنامج نصي خارجية:
- إذا async="async" : يتم تنفيذ البرنامج النصي بشكل غير متزامن مع بقية الصفحة (سيتم تنفيذ البرنامج النصي في حين تواصل الصفحة إعراب)
- إذا async غير موجود و defer="defer" : يتم تنفيذ البرنامج النصي عند انتهاء الصفحة من الاعراب
- إذا لا async أو defer موجود: السيناريو هو الاحتمال وتنفيذها على الفور، قبل أن يستمر مستعرض تحليل الصفحة
الخلافات بين HTML 4.01 و HTML5
و "type" مطلوب السمة في HTML 4، ولكن اختياري في HTML5.
و "async" السمة الجديدة في HTML5.
السمة HTML 4.01: "xml:space" ، غير معتمد في HTML5.
الخلافات بين HTML و XHTML
في XHTML، وأعلن المحتوى داخل النصوص كما #PCDATA (بدلا من CDATA)، وهو ما يعني أن الكيانات سيتم تحليل.
وهذا يعني أنه في XHTML، يجب أن يكون ترميز كافة الأحرف الخاصة، أو ينبغي أن تكون ملفوفة كل المحتوى داخل قسم CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| async | async | تنص على أن النصي يتم تنفيذه بشكل غير متزامن (فقط للمخطوطات الخارجية) |
| charset | charset | تحديد الترميز الأحرف المستخدمة في ملف نصي خارجية |
| defer | defer | تنص على أن يتم تنفيذ البرنامج النصي عندما تكون الصفحة قد أنهى تحليل (فقط للمخطوطات الخارجية) |
| src | URL | تحديد عنوان URL لملف نصي خارجية |
| type | media_type | يحدد نوع وسائط البرنامج النصي |
| xml:space | preserve | غير معتمدة في HTML5. يحدد ما إذا كان ينبغي الحفاظ على المسافات في التعليمات البرمجية |
السمات العامة
و <script> كما يدعم بطاقة و السمات العامة في HTML .
صفحات ذات صلة
HTML البرنامج التعليمي: مخطوطات HTML
HTML DOM إشارة: كائن نصي
جافا سكريبت دروس: تعلم جافا سكريبت
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <script> العنصر مع القيم الافتراضية التالية:
script {
display: none;
}