استخدام JavaScript
<script>العلامة
في HTML،يجب أن يكون رمز JavaScript موجودًا في <script> و </script> 标签之间。
مثال
<script>
document.getElementById("demo").innerHTML = ";
</script>
التعليقات:قد يستخدم مثال قديم من JavaScript type خصائص：<script type="text/javascript">.
التعليقات:لا تحتاج إلى خاصية type. لغة السكربت الافتراضية في HTML هي JavaScript.
وظائف JavaScript والأحداث
JavaScript وظيفةهي قطعة من كود JavaScript يمكن تنفيذها عند استدعائها.
على سبيل المثال، عندحدثتُستدعى الوظيفة، مثل عند ضغط المستخدم على الزر.
نصيحة:عند حدوث
ستعلم المزيد عن الوظائف والأحداث في الفصول القادمة.
JavaScript في <head> أو <body>.
يمكنك وضع أي عدد من السكربت في مستند HTML. <body> أو <head> يمكن وضع السكربت في
جزء JavaScript في <head>.
في هذا المثال، يتم وضع وظيفة JavaScript في <head> جزء.
سيتم استدعاء هذه الوظيفة عند ضغط الزر:
مثال
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "تم تغيير الفقرة.";
}
</script>
</head>
<body>
<h1>صفحة إنترنت</h1>
<p id="demo">فقرة واحدة</p>
<button type="button" onclick="myFunction()">جرب</button>
</body>
</html>
JavaScript في <body> الصفحة.
في هذا المثال، يتم وضع وظيفة JavaScript في <body> جزء.
سيتم استدعاء هذه الوظيفة عند ضغط الزر:
مثال
<!DOCTYPE html>
<html>
<body>
<h1>صفحة إنترنت</h1>
<p id="demo">فقرة واحدة</p>
<button type="button" onclick="myFunction()">جرب</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "تم تغيير الفقرة.";
}
</script>
</body>
</html>
نصيحة:وضع السكربت في <body> في أسفل عنصر، مما يمكن تحسين سرعة العرض، لأن عملية تجميع السكربت قد تساوي بطء العرض.
السكربت الخارجي
يمكن وضع السكربت في ملف خارجي:
ملف خارجي: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "تم تغيير الفقرة.";
}
السكربت الخارجي مفيد جدًا، إذا كان نفس السكربت يستخدم في العديد من الصفحات المختلفة.
تكون امتداد ملفات ملفات JavaScript .js.
لإستخدام السكربت الخارجي، يرجى <script> علامة src في خاصية (source) إعداد اسم السكربت:
مثال
<script src="myScript.js"></script>
يمكنك في <head> أو <body> وضع استدعاء السكربت الخارجي.
أداء السكربت يعتمد على <script> العلامات هي نفسها.
التعليقات:السكربت الخارجي لا يمكنه احتواء <script> العلامات.
مزايا JavaScript الخارجي
مزايا وضع السكربت في ملفات خارجية هي:
- يقوم بفصل HTML والكود
- يجعل HTML و JavaScript أكثر سهولة في القراءة والصيانة
- يمكن تسريع تحميل الصفحة باستخدام ملفات JavaScript المحفوظة
إذا كنت ترغب في إضافة عدة ملفات سكربت إلى صفحة واحدة - استخدم عدة علامات script:
مثال
<script src="myScript1.js"></script> <script src="myScript2.js"></script>
الإشارة الخارجية
يمكن التطرق إلى سكربتات خارجية عبر URL الكامل أو المسار الخاص بالصفحة الحالية:
في هذا المثال، تم استخدام URL الكامل للروابط إلى السكربت:
مثال
<script src="https://www.codew3c.com/js/myScript1.js"></script>
في هذا المثال، تم استخدام السكربت الموجود في مجلد معين في هذا الموقع الحالي:
مثال
<script src="/js/myScript1.js"></script>
في هذا المثال، تم ربط السكربت مع مجلد نفس الصفحة الحالية:
مثال
<script src="myScript1.js"></script>
يمكنك مسار ملف HTMLتعلم المزيد عن مسارات الملفات هنا.
