جاوا اسکریپت
جاوا اسکریپت صفحات HTML را پویاتر و تعاملی‌تر می‌کند.[۱]
محتویات
مثال
ساخت نمونه مثال این بخش در دست اقدام است.
تگ <script> در HTML
تگ <script> برای تعریف اسکریپت (جاوا اسکریپت) سمت کاربر (client-side) استفاده می‌شود.
عنصر <script> یا دارای حالت‌های اسکریپت است یا از طریق ویژگی src به یک فایل اسکریپت خارجی اشاره می‌کند.
استفاده‌های رایج از جاوا اسکریپت دستکاری تصویر، اعتبار سنجی فرم و تغییرات پویای محتوا هستند.
برای انتخاب یک عنصر HTML، جاوا اسکریپت اغلب اوقات از متد document.getElementById() استفاده می‌کند.
این مثال جاوا اسکریپت متن “Hello Javascript!” را داخل یک عنصر HTML با id="demo" می‌نویسد:
مثال
1 <script>
2 document.getElementById("demo").innerHTML = "Hello JavaScript!";
3 </script>
سلیقهٔ جاوا اسکریپت
در اینجا مثال‌هایی از کارهایی که جاوا اسکریپت می‌تواند انجام دهد وجود دارد:
جاوا اسکریپت می‌تواند محتوای HTML را تغییر دهد
document.getElementById("demo").innerHTML = "Hello JavaScript!";
جاوا اسکریپت می‌تواند استایل های HTML را تغییر دهد
1 document.getElementById("demo").style.fontSize = "25px";
2 document.getElementById("demo").style.color = "red";
3 document.getElementById("demo").style.backgroundColor = "yellow";
جاوا اسکریپت می‌تواند ویژگی های HTML را تغییر دهد
document.getElementById("image").src = "picture.gif";
تگ <noscript> در HTML
تگ <noscript> برای فراهم کردن محتوای جایگزین است برای کاربرانی که در مرورگر خود اسکریپت‌های غیرفعال دارند با مرورگری دارند که اسکریپت‌های سمت کاربر را پشتیبانی نمی‌کند:
مثال
1 <script>
2 document.getElementById("demo").innerHTML = "Hello JavaScript!";
3 </script>
4
5 <noscript>Sorry, your browser does not support JavaScript!</noscript>
تگ های اسکریپت در HTML
| تگ | تعریف |
|---|---|
| <script> | یک اسکریپت سمت کاربر را تعریف می‌کند |
| <noscript> | محتوای جایگزینی برای کاربرانی که اسکریپت‌های سمت کاربر را پشتیبانی نمی‌کنند مشخص می‌کند |
تمرین های HTML
منابع آموزشی