جاوا اسکریپت در HTML

اولین جاوا اسکریپت من

تگ <script> در HTML

تگ <script> برای تعریف یک اسکریپت سمت کاربر (جاوا اسکریپت) استفاده می شود. عنصر <script> شامل بیانیه های اسکریپت نویسی می شود و یا می تواند به یک فایل اسکریپت خارجی به وسیله صفت src اشاره کند.
استفاده های معمول از جاوا اسکریپت شامل دستکاری و تغییرات در تصاویر ، اعتبارسنجی فرم و تغییرات داینامیک در محتوا می باشد. برای انتخاب یک عنصر HTML معمولا جاوا اسکریپت از متد document.getElementById(id) استفاده می کند.
اسکریپت زیر جمله "سلام دوستان عزیز!" را داخل عنصر 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";   

مثال 3 - تغییر صفات یک عنصر HTML : 

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

تگ <noscript> در HTML

این تگ زمانی مورد استفاده است که کاربر اسکریپت را در مرورگر خود غیرفعال کرده است یا از مرورگری استفاده می کند که از جاوا اسکریپت پشتیبانی نمی کند. در این صورت متن داخل این تگ به عنوان جایگزین اسکریپت مورد نظر ، نمایش داده می شود.

مثال :

<script>
document.getElementById("demo").innerHTML = "سلام بر دوستان عزیز !";
</script>

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