جاوا اسکریپت

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

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

مثال

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


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


تگ <script> در HTML

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

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

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

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

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

مثال

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


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

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

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

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

جاوا اسکریپت می‌تواند محتوای HTML را تغییر دهد

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


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


جاوا اسکریپت می‌تواند استایل های HTML را تغییر دهد

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


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


جاوا اسکریپت می‌تواند ویژگی های HTML را تغییر دهد

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


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


تگ <noscript> در HTML

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

مثال

1 <script>
2 document.getElementById("demo").innerHTML = "Hello JavaScript!";
3 </script>
4 
5 <noscript>Sorry, your browser does not support JavaScript!</noscript>


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


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

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

تمرین های HTML


منابع آموزشی