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