جافا سكريبت إلى أين
علامة <script>
في HTML ، يتم إدراج كود JavaScript بين <script>
العلامات </script>
.
مثال
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
قد تستخدم أمثلة JavaScript القديمة سمة النوع: <script type = "text / javascript">.
سمة النوع غير مطلوبة. JavaScript هي لغة البرمجة النصية الافتراضية في HTML.
وظائف وأحداث JavaScript
جافا سكريبت function
عبارة عن كتلة من تعليمات جافا سكريبت يمكن تنفيذها عند "طلبها".
على سبيل المثال ، يمكن استدعاء وظيفة عند وقوع حدث ، مثل عندما ينقر المستخدم على زر.
سوف تتعلم المزيد عن الوظائف والأحداث في فصول لاحقة.
جافا سكريبت في <head> أو <body>
يمكنك وضع أي عدد من البرامج النصية في مستند HTML.
يمكن وضع البرامج النصية في <body>
أو في <head>
قسم صفحة HTML أو في كليهما.
جافا سكريبت في <head>
في هذا المثال ، function
يتم وضع JavaScript في <head>
قسم صفحة HTML.
يتم استدعاء الوظيفة (تسمى) عند النقر فوق الزر:
مثال
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
جافا سكريبت في <body>
في هذا المثال ، function
يتم وضع JavaScript في <body>
قسم صفحة HTML.
يتم استدعاء الوظيفة (تسمى) عند النقر فوق الزر:
مثال
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
يؤدي وضع البرامج النصية في الجزء السفلي من عنصر <body> إلى تحسين سرعة العرض ، لأن تفسير البرنامج النصي يؤدي إلى إبطاء العرض.
جافا سكريبت خارجي
يمكن أيضًا وضع البرامج النصية في ملفات خارجية:
الملف الخارجي: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
تعتبر البرامج النصية الخارجية عملية عند استخدام نفس الرمز في العديد من صفحات الويب المختلفة.
ملفات JavaScript لها امتداد الملف .js .
لاستخدام نص خارجي ، ضع اسم ملف البرنامج النصي في src
السمة (المصدر) <script>
للعلامة:
مثال
<script src="myScript.js"></script>
يمكنك وضع مرجع نصي خارجي في <head>
أو <body>
كما تريد.
سيتصرف البرنامج النصي كما لو كان موجودًا بالضبط حيث توجد <script>
العلامة.
لا يمكن أن تحتوي البرامج النصية الخارجية على <script>
علامات.
مزايا JavaScript الخارجية
يتميز وضع البرامج النصية في ملفات خارجية ببعض المزايا:
- يفصل بين HTML والتعليمات البرمجية
- يجعل من السهل قراءة HTML و JavaScript وصيانتهما
- يمكن لملفات JavaScript المخزنة مؤقتًا تسريع تحميل الصفحات
لإضافة عدة ملفات نصية إلى صفحة واحدة - استخدم عدة علامات نصية:
مثال
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
المراجع الخارجية
يمكن الإشارة إلى نص خارجي بثلاث طرق مختلفة:
- بعنوان URL كامل (عنوان ويب كامل)
- مع مسار ملف (مثل / js /)
- بدون أي طريق
يستخدم هذا المثال عنوان URL كاملًا للارتباط بـ myScript.js:
مثال
<script src="https://www.w3schools.com/js/myScript.js"></script>
يستخدم هذا المثال مسار ملف للارتباط بـ myScript.js:
مثال
<script src="/js/myScript.js"></script>
لا يستخدم هذا المثال أي مسار للربط بـ myScript.js:
مثال
<script src="myScript.js"></script>
يمكنك قراءة المزيد حول مسارات الملفات في الفصل مسارات ملفات HTML .