جاوااسکریپت html
جاوااسکریپت html چیست؟ و چه فایده ای دارد؟
آموزش html درس بیست و یکم
جاوا اسکریپت صفحات HTML را پویاتر و تعاملی تر می کند.
تگ <script>
تگ <script> برای تعریف یک جاوا اسکریپت به کار می رود. عنصر <script> حاوی عناصر اسکریپتی می باشد، یا به یک فایل اسکریپت خارجی از طریق ویژگی src اشاره می کند.
استفاده های متداول از جاوا اسکریپت، برای دستکاری تصویر، اعتبار سنجی فرم و تغییرات پویا برای محتوای است.
برای انتخاب یک عنصر HTML جاوا اسکریپت اغلب از روش document.getElementById (id) استفاده می شود.
این مثال جاوا اسکریپت می نویسد “Hello JavaScript!” به یک عنصر HTML با id = “demo”:
مثال:
<script> document.getElementById(“demo”).innerHTML = “Hello JavaScript!”; </script>
مثال هایی از جاوااسکریپت
مثال 1 : جاوااسکریپت محتوای html را می تواند عوض کند :
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
مثال 2 : جاوااسکریپت می تواند ظاهر html را تغییر دهد:
document.getElementById(“demo”).style.fontSize = “25px”; document.getElementById(“demo”).style.color = “red”; document.getElementById(“demo”).style.backgroundColor = “yellow”;
مثال3: جاوااسکریپت می تواند ویژگی های html را تغییر دهد:
document.getElementById(“image”).src = “picture.gif”;
تگ <noscript>
تگ <noscript> محتوای عناصر را برای کاربران فراهم می کند. این برای کسانی است که مرورگر آنها اسکریپت ها را نمایش نمی دهد یا اینکه اسکریپت ها را پشتیبانی نمی کند.
مثال:
<script> document.getElementById(“demo”).innerHTML = “Hello JavaScript!”; </script><noscript>Sorry, your browser does not support JavaScript!</noscript>
۱
۲
۳
۴
۵
میانگین امتیازات ۵ از ۵
از مجموع ۱ رای
برچسب ها:
HTML
دیدگاهتان را بنویسید