طراحی وب

جاوااسکریپت html

جاوااسکریپت html  چیست؟ و چه فایده ای دارد؟

آموزش 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>

مثال هایی از جاوااسکریپت

مثال ۱ : جاوااسکریپت محتوای html  را می تواند عوض کند :
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
مثال ۲ : جاوااسکریپت می تواند ظاهر html  را تغییر دهد:
document.getElementById(“demo”).style.fontSize = “25px”; document.getElementById(“demo”).style.color = “red”; document.getElementById(“demo”).style.backgroundColor = “yellow”;
مثال۳: جاوااسکریپت می تواند ویژگی های 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>

بیشتر بخوانید:

استارت‌آپ پولساز
برچسب ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره رایگان کسب و کار اینترنتی

10 جلسه به همراه فایل صوتی و ویدیویی
همین حالا شروع کنید
تا امروز بیش از 4000 نفر در این دوره شرکت کرده‌اند
بستن پیام
بستن