جافا سكريبت يمكن وضعها في <body> و <head> أقسام من صفحة HTML.
و <script> الكلمات الدلالية
في HTML، يجب إدخال شفرة جافا سكريبت بين <script> و </script> العلامات.
مثال
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
قد يستخدم الأمثلة القديمة سمة نوع: <script type="text/javascript"> .
ليس مطلوبا هذه السمة نوع. جافا سكريبت هي لغة البرمجة الافتراضية في HTML.
وظائف والأحداث جافا سكريبت
وجافا سكريبت function هي كتلة من شفرة جافا سكريبت، والتي يمكن تنفيذها عند "طلب" ل.
على سبيل المثال، وهي وظيفة يمكن تنفيذها عند حدوثالحدث، مثل عندما يقوم المستخدم بالنقر فوق الزر.
سوف تتعلم الكثير عن المهام والأحداث في فصول لاحقة.
الجافا سكربت في <head> أو <body>
يمكنك وضع أي عدد من النصوص في وثيقة HTML.
مخطوطات يمكن وضعها في <body> ، أو في <head> قسم من صفحة HTML، أو في كليهما.
حفظ كافة التعليمات البرمجية في مكان واحد، هو دائما عادة جيدة.
الجافا سكربت في <head>
في هذا المثال، يتم وضع وظيفة JavaScript في <head> قسم من صفحة HTML.
يتم استدعاء الدالة (دعا) عند النقر على زر:
مثال
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
انها محاولة لنفسك » الجافا سكربت في <body>
في هذا المثال، يتم وضع وظيفة JavaScript في <body> قسم من صفحة HTML.
يتم استدعاء الدالة (دعا) عند النقر على زر:
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<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.";
}
مخطوطات الخارجية هي العملية عندما يتم استخدام نفس رمز في العديد من صفحات الويب المختلفة.
ملفات جافا سكريبت لديها ملحق ملف .js .
لاستخدام برنامج نصي خارجية، وضع اسم الملف النصي في SRC (المصدر) سمة من <script> العلامة:
مثال
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> انها محاولة لنفسك » يمكنك وضع إشارة النصي الخارجية في <head> أو <body> كما تريد.
السيناريو سوف تتصرف كما لو كانت تقع بالضبط أين <script> يقع العلامة.
لا يمكن أن تحتوي على مخطوطات الخارجية <script> العلامات.
جافا سكريبت الخارجية مزايا
وضع جافاسكريبتس في الملفات الخارجية لديها بعض المزايا:
- أنه يفصل HTML ورمز
- يجعل HTML وجافا سكريبت أسهل في القراءة والحفاظ على
- يمكن ملفات جافا سكريبت مؤقتا تسريع تحميل الصفحة