جاوا اسکریپت

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

جاوا اسکریپت صفحات HTML را پویاتر و تعاملی‌تر می‌کند.[۱]

مثال

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مشاهدهٔ نتیجه


تگ <script> در HTML

تگ <script> برای تعریف اسکریپت (جاوا اسکریپت) سمت کاربر (client-side) استفاده می‌شود.

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

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

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

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

مثال

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


مشاهدهٔ نتیجه

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

سلیقهٔ جاوا اسکریپت

در اینجا مثال‌هایی از کارهایی که جاوا اسکریپت می‌تواند انجام دهد وجود دارد:

جاوا اسکریپت می‌تواند محتوای 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> در HTML

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

مثال

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

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


مشاهدهٔ نتیجه


تگ های اسکریپت در HTML

تگ تعریف
<script> یک اسکریپت سمت کاربر را تعریف می‌کند
<noscript> محتوای جایگزینی برای کاربرانی که اسکریپت‌های سمت کاربر را پشتیبانی نمی‌کنند مشخص می‌کند

تمرین های HTML


منابع آموزشی