بنر بالای مطالب

banner

جاوا اسکریپت JavaScript (پیش گفتار)

ویژه جاوا اسکریپت JavaScript (پیش گفتار)

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

جاوا اسکریپت JavaScript یکی از شیرین ترین و عامه پسند ترین زبان های برنامه نویسی دنیاست . جاوا اسکریپت چیست؟جاوا اسکریپت یک زبان برنامه نویسی تحت وب برای افزایش پویایی صفحات HTML استفاده می شود.جاوا اسکریپت یک زبان سمت کاربر (clien side) میباشد و این یعنی اینکه دستورات در کامپیوتر کاربر پردازش می شود.یاد گیری جاوا اسکریپ اسان است. جاوا اسکریپت ، یک الزام است نه یک نیاز . جاوا اسکریپت یکی از 3 زبانی می باشد که شما برای طراحی وب باید آن را بلد باشید:

1-HTML:برای ایجاد محتوا سایت

2-CSS:برای زیبا سازی محتوا

3-JavaScript:برای برنامه دادن به رفتارهای صفحات وب

یک مثال ساده برای شروع و برای آشنایی با نحوه آموزش:

<html>
<body>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>

عملکرد:

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

جاوا اسکریپت JavaScript پیش گفتار 1

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

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

1- تغییر محتوای ساختاری HTML:

توی این مورد یکی از پرکاربرترین متد هایی که قراره باهاش کار کنیم و در آینده بیشتر باهاش آشنا میشیم getElementById() هستش.

با استفاده از متد getElementById() هر المنتی که آی دی اون برابر با مقدار مورد نظرمون هستش رو پیدا میکنیم و سپس با استفاده از کدهای جاوا اسکریپت تغییر مورد نظر رو روش اعمال میکنیم.

در مثال زیر در سند جاریمون( (document با استفاده از getElementById() المنت demo رو پیدا میکنیم و محتواش (innerHTML) رو برابر مقدار Hello JavaScript قرار میدیم:

جاوا اسکریپت JavaScript پیش گفتار 2

2- تغییر خصیصه (Attribute) در HTML :

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

جاوا اسکریپت JavaScript پیش گفتار 3

3- تغییر در ساختار کدهای CSS:

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

جاوا اسکریپت JavaScript پیش گفتار 4

4- اعتبار سنجی ورودی دریافتی از کاربر :

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

چند نکته:

Javascript و Java دو زبان کاملا مجزا با کارایی و ساختاری کاملا مجزا می باشند

جاوا اسکریپت در سال 1995 توسط Brendan Eich اختراع شد و در سال 1997 به ECMA استاندار سازی شد.

آخرین ورژن جاوا اسکریپت در سال 2015 منتشر شد.

درس سوم: چگونه و کجا از کد های جاوا اسکریپت استفاده کنم؟کد های جاوا اسکریپت میتواند در بدنه سایت <body> و در بخش <head> نوشته یا بصورت یک فایل جداگانه با پسوند .js فراخوانی شوند. البته با توجه به مکان استفاده از کد گاها میتوان کد های جاوا اسکریپت را در انتهای صفحه قبل از تگ </body> از آنها نیز استفاده کرد.

مجموعه های بیشتر: معرفی جاوا اسکریپت JavaScript »

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

دیدگاه‌ها   

0 #2 profile8145 1397-08-08 12:49
Need cheap hosting? Try webhosting1st, just $10 for an year.

نقل قول کردن
+2 #1 بیتا 1394-08-20 12:15
خیلی خوب بود خسته بناشید
نقل قول کردن

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا