دستورات جاوااكريپت بين دو<script> , </script> قرار ميگيرند.
مثال ـ نمونه جاوااسكريپت
<script> document.getElementById("demo").innerHTML = "My First JavaScript"; </script >
در مثالهاي قديمي جاوااسكريپت ممكن است از ويژگيtype="text/javascrip"در تگ <script>استفاده شده باشد .اين تگ بصورت پيش فرض با اين مقدار ويژگي درHTML تنظيم ميشود .
يك تابع جاوااسكريپت بلوكي از كد هاي جاوااسكريپت ميباشد وباfunction شروع ميشود وهنگاميكه آن فراخوان ميشود"called"اجرا ميگردد .
براي مثال يك تابع ميتواند هنگام كليك دكمه اي فراخوان شده واجرا گردد .اين حالت رويدادي رخ ميدهد ، كه همانonclick است.
در مورد توابع ورويدادهاي مرتبط باآن در فصل مطالبي بيشتري خواهيد آموخت.
ميتوان چندين جاوااسكريپت در يك سندHTML قرارداد .آنها ميتوانند در<body> ويا در<head> ويا در هر دو عنصر قرار داشته باشند .
در مثال زير تابع جاوااسكريپت در بخش <head> صفحهHTMl قرار گرفته است. وهنگاميكه دكمه اي كليك ميشود فراخوان ميگردد .فراخوان تابع براساس رويدادonclick ميباشد .
مثال ـ اسكريپت در هدر سند
<!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 </body> </html>
در مثال زير جاوااسكريپت كه تابع است در بدنه سند يعني<body> قرار دارد و با كليك دكمه اي فرا خوان ميشود.
مثال ـ جاوااسكريپت در بدنه سند
<!DOCTYPE html> <html> <body> <h2>Demo JavaScript in Body</h2> <p id="demo">A Paragraph</p> <button type="button" onclick="myFunction()">Try it <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } </script > </body> </html>
نكته ـ قرار دادن اسكريپت پائين بدنه سند سرعت نمايش را بهبود مي بحشد، جون تفسيراسكريپت نمايش را كاهش ميدهد.
ميتوان جاوااسكريپت را در فايلي ذخيره نموده وبا ارجاع ازآن در سند استفاده كرد
اسكريپت زير درفايلي بنام"myScript.js"ذحيره شده است كه ازآن بعنوان اسكريپت خارجي استفاده ميشود.
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
اسكريپت خارجي هنگامي كاربرد دارد كه يك مجموعه كد مشابه در چند صفحه استفاده شود.
پسوند فايلهاي جاوااسكريپت".js"ميباشد .براي ارجاع بفايل در<script>از ويژگي srcاستفاده ميشود .
مثال ـ استفاده از اسكريپت خارجي
<script src="myScript.js"></script >
شما ميتوانيد يك مرجع اسكريپت خارجي را در هر كدام از<body> , <head> دوست داريد قرار دهيد .اسكريپت مشابه آنجه كه درمحل<script> گفته شد رفتار ميكند.
جاوااسكريپت خارجي نميتواند شامل تگ<script> باشد .
قرار دادن اسكريپت در يك فايل خارجي مزاياي زيررا دارد:
براي افزودن چندين فايل اسكريپت به صفحه از چندين تگ<script> استفاده نمائيد مطابق نمونه زير:
<script src="myScript1.js"></script > <script src="myScript2.js"></script >
براي ارجاع بفايل خارجي از سه روش آدرس دهي زير انجام ميشود.
مثال ـ آدرسurl
<script src="https://www.w3schools.com/js/myScript.js"></script >
مثال ـ باذكر مسير مشابه آدرس دهي دايركتوري
<script src="/js/myScript.js"></script >
مثال ـ در ميسر جاري يا بدون مسير
<script src="myScript.js"></script >
براي اطلاعات كاملتر به HTML File and Path مراجعه كنيد.