جاوا اسکریپت در 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

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

مثال :

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

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

 

 

نظر شما

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران بپیوندید

   
   
عضویت
پیام تستی برای گروه نرم افزاری وب مهراز