أين تضع رمز JavaScript؟
عادة ، يتم استخدام رمز JavaScript باستخدام رمز HTML ، ويمكن وضع رمز JavaScript في أي مكان في مستند HTML. ومع ذلك ، فإن المكان الذي يتم وضعه فيه سيكون له تأثير معين على التنفيذ الطبيعي لرمز JavaScript ، كما هو موضح أدناه.
وضعت بين <head> </head>
من الممارسات الشائعة وضع رمز JavaScript بين علامات <head> </head> في مستندات HTML. نظرًا لأن مستندات HTML يتم تحميلها بواسطة المتصفح من أعلى إلى أسفل ، فإن وضع رمز JavaScript بين علامات <head> </head> يضمن تحميله قبل أن تحتاج إلى استخدام البرنامج النصي:
نسخة الكود كما يلي:
<html>
<head>
<script type = "text/javaScript">
...
رمز JavaScript
...
</script>
</head>
....
وضعت بين <body> </body>
هناك أيضًا بعض الحالات التي يتم فيها وضع رمز JavaScript بين <Body> </body>. تخيل الموقف التالي: لدينا قطعة من كود JavaScript تحتاج إلى معالجة عناصر HTML. ومع ذلك ، نظرًا لأن المستند HTML يتم تحميله بواسطة المتصفح من أعلى إلى أسفل ، لتجنب عدم تحميل عنصر HTML ويتم الإبلاغ عن خطأ (الكائن غير موجود) بواسطة رمز JavaScript عند معالجة عناصر HTML. لذلك ، يجب كتابة هذا الرمز خلف عنصر HTML. المثال على النحو التالي:
نسخة الكود كما يلي:
<html>
<head>
</head>
<body>
</body>
<div id = "div1"> </viv>
<script type = "text/javaScript">
document.getElementById ("div1"). innerhtml = "test text" ؛
</script>
</html>
ولكن عادةً ما يكون تشغيل عناصر الصفحات مدفوعًا بالأحداث ، لذا فإن هذا الموقف نادر. بالإضافة إلى ذلك ، لا نوصي بكتابة رمز JavaScript خارج <html> </html>.
تَلمِيح
إذا تم الإعلان عن مستند HTML باسم XHTML ، فيجب إعلان علامة <script> </script> في قسم CDATA ، وإلا فإن XHTML ستواجه علامة <script> </cript> في علامة XML أخرى ، وقد لا يتم تنفيذ رمز JavaScript في الداخل بشكل طبيعي. لذلك ، يجب الإعلان عن استخدام JavaScript في XHTML الصارم مثل المثال التالي:
نسخة الكود كما يلي:
<html>
<head>
<script type = "text/javaScript">
<! [CDATA [
رمز JavaScript
]]>
</script>
</head>
....
إن طريقتان أعلاه لكتابة رمز JavaScript في مستندات HTML هما في كلا الطريقتين للرجوع إلى رمز JavaScript ضمن مستند HTML. بالإضافة إلى المراجع الداخلية ، يمكن أيضًا استخدام المراجع الخارجية.
إشارة خارجية إلى رمز JavaScript
قم بعمل رمز JavaScript (باستثناء <script> </script>) وثيقة منفصلة تحمل اسمها مع لاحقة JS ، مثل myscript.js ، واستخدم سمة SRC في مستند HTML <script> </script> للرجوع إلى الملف:
نسخة الكود كما يلي:
<html>
<head>
<script type = "text/javaScript" src = "myscript.js"> </script>
</head>
....
الفوائد واضحة بعد استخدام رمز JavaScript المُشار إليه الخارجي:
1. تجنب استخدام <!-... //-> في رمز JavaScript
2. تجنب استخدام cdatas القبيحة
3. يمكن تكرار رمز JavaScript العام في مستندات HTML الأخرى ، والتي تفضي أيضًا إلى الصيانة الموحدة لرمز JavaScript.
4. وثيقة HTML أصغر ، وهو ما يفضي إلى مجموعة محرك البحث
5. يمكن ضغط ملف JavaScript وشرفه
6. يمكن للمتصفح تخزين ملفات JavaScript لتقليل استخدام النطاق العريض (عندما تستخدم صفحات متعددة ملف JavaScript في نفس الوقت ، عادة ما يجب تنزيله مرة واحدة فقط)
7. تجنب استخدام كيانات HTML المعقدة ، مثل المستند. الكتابة (2> 1) يمكن استخدامها مباشرة دون كتابة المستند. الكتابة (2 <1)
سيؤدي تكوين رمز JavaScript إلى ملفات خارجية أيضًا إلى زيادة عبء طلبات HTTP على الخادم. في بيئة من الطلبات المتزامنة العالية الفائقة ، هذه ليست استراتيجية جيدة. بالإضافة إلى ذلك ، عند الإشارة إلى ملفات JS الخارجية ، تحتاج إلى الانتباه إلى المسار الصحيح للملف.