میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

جاوا اسکریپت در Html

با سلام به خدمت دوستان عزیز و گرامی در این بخش از آموزش قصد داریم در مورد جاوا اسکریپت در Html مباحثی را عنوان کنیم .

جاوا اسکریپت در HTML صفحات را پویاتر و تعاملی تر می کند. و باعث می شود صفحات بهتر و زیباتر نشان داده شوند
از برچسب <script> برای تعریف اسکریپت سمت کلاینت استفاده می شود.
عنصر <script> یا شامل دستورات اسکریپت است ، یا از طریق صفت src به یک فایل اسکریپت خارجی اشاره می شود.
استفاده های معمول از JavaScript دستکاری تصویر ، اعتبار سنجی فرم و تغییرات پویای محتوا است.

دستورات جاوا اسکرپیت را کجا باید قرار داد؟

بهتر است همین ابتدا این قضیه روشن شود که دستورات جاوا اسکریپت را باید در قسمت Head یا بدنه اصلی Body یک صفحه ی HTML قرار داد

بطور کلی دستورات جاوااسکریپت چه در قسمت Head و چه در قسمت Body قرار بگیرند مشکلی ندارند و  اجرا خواهند شد، ولی توصیه می شود که دستورات جاوااسکریپت در قسمت body یک صفحه HTML قرار بگیرند.

بهتر است برای اینکه قسمت head یک صفحه برای موتورهای جستجوگر و بطور کلی از نظر سئو تمیز باشد، و همچنین برای سرعت بارگذاری بهتر سایت حتما سعی کنید دستورات جاوا اسکریپت را در قسمت Body یک صفحه HTML قرار بدهید.

و نکته دوم اینکه حتما برای لود شدن و اجرای دستورات جاوا اسکریپت قبل از هر چیزی در قسمت head صفحه باید کتابخانه جاوااسکریپت افزوده شود
برای انتخاب یک عنصر HTML ، JavaScript اغلب از متد () document.getElementById استفاده می کنیم.
<p id=”demo”></p>
<script>
document.getElementById(demo).innerHTML = “coderschool.ir”;
</script>
این مثال جاوا اسکریپت می نوشتیم “coderschool.ir” به یک تگ با id = “demo
چند مثال :
می تواند style را تغییر دهد
document.getElementById(“demo”).style.fontSize = “۲۵px”;
document.getElementById(“demo”).style.color = “red”;
document.getElementById(“demo”).style.backgroundColor = “yellow”;
همچنین می تواند مقدار یک صفت را تغییر دهد
document.getElementById(“image”).src = “picture.gif”;

تگ <noscript>

از تگ <noscript> یک محتوای جایگزین را تعریف می کنیم تا برای کاربرانی که اسکریپت ها را در مرورگر خود را غیرفعال کرده اند یا دارای مرورگری هستند که از اسکریپت پشتیبانی نمی کند ، نمایش داده شود
<script>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
</script>
<noscript>متاسفانه مرورگر شما از جاوا اسکریپت پشتیبانی نمی کند</noscript>

البته جاوا اسکریپت داری متدها و کاربردهای زیادی هست که برای یاد گیری آن می توانید به قسمت JavaScript در این سایت رفته و یاد بگیرید.

 ما را در تلگرام و اینستاگرام دنبال کنید .

ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟