مهندس زهرا بهرامی

تاریخ بروزرسانی: ۲۹ آبان ۱۳۹۷ تعداد بازدید : 22 بازدید بدون دیدگاه

بخش بیست و دوم- جاوا اسکریپت html

قدم قبلی >

< قدم بعدی

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

در این آموزش html به جاوا اسکریپت html می پردازیم.

جاوا اسکریپت صفحات HTML را پویاتر و تعاملی تر می کند

برچسب <script> در HTML

برچسب <script> برای تعیین یک اسکریپت سمت سرویس گیرنده (جاوا اسکریپت) استفاده می شود.

عنصر <script> یا حاوی اظهارات اسکریپتی می باشد، یا به یک فایل اسکریپت خارجی از طریق ویژگی src اشاره می کند.

استفاده های متداول برای جاوا اسکریپت، دستکاری تصویر، اعتبار سنجی فرم و تغییرات پویا محتوای است.

برای انتخاب یک عنصر HTML جاوا اسکریپت اغلب از روش document.getElementById () استفاده می کند.

این مثال جاوا اسکریپت می نویسد “Hello JavaScript!” به یک عنصر HTML با id = “demo”:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

document.getElementById("demo").innerHTML = "Hello JavaScript!";

</script>

طعم جاوا اسکریپت

در اینجا چند نمونه از آنچه جاوا اسکریپت می تواند انجام دهد:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

1	document.getElementById("demo").innerHTML = "Hello JavaScript!";

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

document.getElementById("demo").style.fontSize = "25px";

document.getElementById("demo").style.color = "red";

document.getElementById("demo").style.backgroundColor = "yellow";

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

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

برچسب <noscript> در html

برچسب <noscript> برای ارائه یک محتوای جایگزین برای کاربرانی که اسکریپت ها را در مرورگر خود غیرفعال کرده اند و یا یک مرورگر دارند که اسکریپت های سمت سرویس گیرنده را پشتیبانی نمی کند استفاده می شود.

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>