استفاده از جاوا اسکریپت در HTML

جاوا اسکریپت باعث می شود صفحات HTML پویاتر و تعاملی تر شوند.

 تگ <script> در HTML

از تگ <script> برای تعریف یک اسکریپت سمت کلاینت (جاوا اسکریپت) استفاده می شود. عنصر <script> یا حاوی دستورات جاوا اسکریپت است یا به یک اسکریپت اکسترنال با استفاده از خصوصیت src اشاره می کند. کاربردهای متداول جاوا اسکریپت، دستکاری تصاویر، اعتبارسنجی فرم ها و تغییرات داینامیک در محتوا است.

اغلب جاوا اسکریپت برای انتخاب یک عنصر HTML، از متد document.getElementById() استفاده می کند. مثال جاوا اسکریپت زیر، عبارت "سلام بر شما" را در یک عنصر HTML با id="demo" قرار می دهد(می نویسد).

<script>
document.getElementById("demo").innerHTML = "سلام بر شما";
</script>

چند مثال از جاوا اسکریپت

در زیر، چند مثال از کارهایی که جاوا اسکریپت می تواند انجام دهد آورده شده است:

document.getElementById("demo").innerHTML = "سلام بر شما";

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

document.getElementById("image").src = "picture.gif";

استفاده از تگ <noscript> در HTML

از تگ <noscript> برای ارائه ی یک محتوای جایگزین برای کاربرانی که اسکریپت ها را در مرورگر خود غیرفعال کرده اند یا یک مرورگر دارند که از اسکریپت های سمت کلاینت پشتیبانی نمی کند، استفاده می شود.

<script>
document.getElementById("demo").innerHTML = "سلام بر شما";
</script>

<noscript>متاسفانه مرورگر شما از جاوا اسکریپت پشتیبانی نمی کند</noscript>