آموزش استفاده از جاوا اسکریپت در طراحی سایت

استفاده روز افزون از تکنولوژی هایی همچون Ajax و jQuery در طراحی وب که هسته اصلی آن ها را جاوا اسکریپت (Javascript) تشکیل می دهد به اهمیت یادگیری این زبان پرکاربرد افزوده است ما در این بخش ( آموزش جاوا اسکریپت به زبان ساده ) شما را با مقدمات یادگیری این زبان قدرتمند آشنا می کنیم.

جاوا اسکریپت چیست؟

جاوا اسکریپت را Language of the Web  یا “زبان وب” می نامند. در زمان های دور و اولین روزهای شکل گیری شبکه ی جهانی وب (www)، مرورگرها تنها نرم افزارهایی برای خواندن صفحات وب بودند و فقط می توانستند متون سایت را در اندازه های مختلف نمایش دهند. با پیشرفت مرورگرها و اضافه شدن قابلیت های بیشتر رقابت بین مرورگرها افزایش پیدا کرد و زمانی که جاوا اسکریپت در وب منتشر شد، به سرعت به عنوان راهی برای داینامیک کردن وب سایت ها شهرت یافت. که به برنامه نویسان در ساخت افکت های مختلف و داینامیک کمک می کرد .

چرا باید جاوا اسکریپت را یاد گرفت؟

جاوا اسکریپت یکی از 3 زبانی است که  همه توسعه دهندگان وب باید یاد بگیرند:

1. HTML  : برای تعریف محتوای صفحات وب

2. CSS : برای مشخص کردن طرح صفحات وب

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

در این قسمت آموزش کوتاهی در مورد جاوا اسکریپت و چگونگی کار آن با HTML  و CSS به شما ارائه می دهیم.

با استفاده از جاوا اسکریپت می توانید سبک های HTML  را تغییر دهید (CSS)  :

تغییر سبک (Style) یک عنصر HTML،  نوعی از تغییر یک ویژگی یا صفت  HTML است.

جاوا اسکریپت می تواند المان های HTML  را نمایش  دهد :

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

جاوا اسکریپت می تواند المان های HTML  را نمایش  دهد :

نمایش المان های پنهان HTML  را نیز  می توان با تغییر سبک صفحه نمایش انجام داد

در کدام قسمت بدنه کدهای  HTML از جاوا اسکریپت استفاده می شود؟

 Tag (برچسب )script  :

در HTML، کد های جاوا اسکریپت باید بین تگ script نوشته  شوند.

جاوا اسکریپت در head یا  body

شما می توانید  هر تعداد اسکریپت را که نیاز دارید در یک سند HTML قرار دهید.

اسکریپت ها می توانند در تگ body قرار داده شود ، و یا در قسمت head از یک صفحه HTML، و یا حتی در هر  دو استفاده شوند.

جاوا اسکریپت در head  :

در این مثال، یک تابع جاوا اسکریپت در قسمت head از یک صفحه HTML قرار داده شده است.

این تابع  زمانی که یک دکمه کلیک می شود فراخوانی می شود :

جاوا اسکریپت  در تگ body  :

در این مثال، یک تابع جاوا اسکریپت در قسمت body  یک صفحه HTML قرار داده شده است.

این تابع  زمانی که یک دکمه کلیک می شود فراخوانی می شود :

و البته همچنین می توانید اسکریپت ها در فایل های خارجی قرار دهید.

و البته همچنین می توانید اسکریپت ها در فایل های خارجی قرار دهید.

منبع : www.w3schools.com