مثال های مفید javascript

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

استایل دهی css در جاوااسکریپت

در ادامه آموزش جاوااسکریپت، به مبحث استایل دهی و ارتباط بین کدهای css و جاوااسکریپت در زیباتر کردن صفحه وب و نیز پویا کردن استایل‌ها می‌رسیم. تصو کنید بخواهیم با فشره شدن دکمه‌ای، رنگ قسمتی از صفح تغییر کند و یا پنهان و آشکار شود، این کار به کمک همکاری جاوااسکریپت و css انجام می‌شود. در ادامه یا سینتکس و مثال‌هایی از این نوع آشنا می‌شویم.

کار کردن با فرم ها در جاوااسکریپت

یکی از مفید ترین کارایی های جاوااسکریپت، کار کردن و تغییرات در فرم های صفحات وب می‌باشد. در ادامه آمزش جاوااسکریپت، به مبحث پیشرفت دادن فرم ها و کار با عناصر آنها می پردازیم، مهم ترین دستورات و event هایی که در فرم ها با آنها سر و کار داریم شامل موارد زیر می‌شوند:

انتقال صفحه 404 در وردپرس

یکی از موارد مهم در سئوی وبسیات، پرهیز از ایجاد صفحات 404 یا همان صفحات خطا و not found در وبسایت است. هر چه وبسیات شما دارای صفحات 404 یا اصطلاحا لینک های شکسته بیشتری باشد، رتبه شما در گوگل با سرعت بیشتری شروع به نزول می کند و حی ممکن است وبسایت خود را به کلی در گوگل از دست بدهید. از دلایل ایجاد صفحات 404 می توان به موارد زیر اشاره کرد

عیب یابی یا debug کردن کدهای جاوااسکریپت

در ادامه آموزش جاوااسکریپت به میحث عیب یابی یا دیباگ کردن کدهای جاوااسکریپت می رسیم. در بسیاری از مواقع مشاهده می کنیم که کد و برنامه مورد نظر ما به خوبی عمل نمی کند. یکی از ابزارهای نسبتا مفید برای یافتن عیب های احتمالی، افزونه firebug فایرفاکس می باشد. در ادامه خطاهای رایج در اجرای کدهای جاوااسکریپت را بررسی می کنیم

کار با تایمرها در جاوااسکریپت

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

آشنایی با event ها و event listener

در ادامه آموزش جاوا اسکریپت به مفهوم اتفاقات یا event ها بر می خوریم. به طور کلی هر اتفاقی که در صفحه ما اتفاق می افتد مانند کلیک کردن، اسکرول کردن،ر کردن فرم و ... ، یک event نامیده می شود. جاوا اسکریپت ابزارهایی پرکاربردی برای کار کردن با event ها و استفاده از آنها در اختیار ما قرار می دهد. به منظور کار کردن با اتفاقات و اجرای دستورات پس از اجرای اتفاقات، باید از event listener ها استفاده کنیم. در ادامه سه نوع سینتکس برای استقاده از event listener ها را مرور می کنیم.

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

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

1-ساخت المان

2- اضافه کردن و چسباندن المان به صفحه وب

انتخاب و تغییر صفت های المان ها بوسیله جاوااسکریپت

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

برای انتخاب و تغییر یک صفت از یک المان خاص از کدهای زیر استفاده می کنیم.

myElement.getAttribute("attributeName");

myElemnt.setAttrivute("attributeName","attributeValue");

به مثال زیر توجه کنید

var mainContent = document.getElementById("mainContent");
mainContent.setAttribute("align","right");

ابتدا المان با آیدی mainContent را انتخاب می کند و سپس صفت align آن را بر روی right تنظیم می کند.

انتخاب المان ها در DOM بوسیله جاوا اسکریپت

شروع آموزش برنامه نویسی جاوا شرکت لیندا. کلاس متوسط
برای انتخاب و handle کردن المان های صفحه html بوسیله دستورات جاوااسکریپت، دو دستور بسیار پرکاربرد وجود دارد.
1- انتخاب المان ها به کمک نام یا ID آنها

document.getElementById("myId");

2- انتخاب المان ها با استفاده از نام و نوع برچسب یا tag آنها

document.getElementsByTagName("a");

به عنوان مثال به نمونه کد زیر دقت کنید (توضیحات در کامنت ها نوشته شده است)