-
بخش 1
-
بخش 2
-
بخش 3
برچسب
برچسب <script>
در HTML ، کد JavaScript بین برچسب <script> و </script> درج می شود.
مثال:
<script>
document.getElementById(“demo”).innerHTML = “My First JavaScript”;
</script>
Old JavaScript examples may use a type attribute: <script type=”text/javascript”>.
ویژگی نوع لازم نیست. JavaScript زبان برنامه نویسی پیش فرض در HTML است.
توابع و رویدادهای جاوا اسکریپت
یک تابع JavaScript بلوکی از کد JavaScript است که می تواند در صورت “فراخوانی” اجرا شود.
به عنوان مثال ، هنگامی که یک رویداد رخ می دهد ، می توان یک عملکرد را فراخوانی کرد ، مانند زمانی که کاربر یک دکمه را کلیک می کند.
در فصل های بعدی درباره عملکردها و رویدادها بسیار بیشتر خواهید آموخت.
JavaScript در <head> یا <body>
می توانید هر تعداد اسکریپت را در یک سند HTML قرار دهید.
اسکریپت ها را می توان در <body> یا در بخش <head> یک صفحه HTML یا هر دو قرار داد.
JavaScript در <head>
در این مثال ، یک تابع JavaScript در بخش <head> صفحه HTML قرار داده شده است.
با کلیک روی دکمه ، عملکرد فراخوانی می شود :
مثال:
<!DOCTYPE html> <html>
<head>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</head>
<body>
<h1>A Web Page</h1>
<p id=”demo”>A Paragraph</p>
<button type=”button” onclick=”myFunction()”>Try it</button>
</body>
</html>
مزایای JavaScript خارجی
قرار دادن اسکریپت ها در پرونده های خارجی دارای مزایایی است:
- این HTML و کد را از هم جدا می کند
- خواندن و نگهداری از HTML و JavaScript را آسانتر می کند
- پرونده های جاوا اسکریپت ذخیره شده می توانند بارگذاری صفحات را تسریع کنند
برای افزودن چندین فایل اسکریپت به یک صفحه – از چندین برچسب اسکریپت استفاده کنید:
مثال:
<script src="myScript1.js"></script> <script src="myScript2.js"></script>