آموزش جامع جاوا اسکریپت از پایه

Printable View

19-09-2012, 23:09
3dmax

آموزش جامع جاوا اسکریپت از پایه

بسم الله...
انشالله توی این تاپیک می خوام مطالب آموزشی ای رو در مورد جاوا اسکریپت بنویسم که منابعی هم برای این کار استفاده میشه. (مولف این مطالب خودم هستم و این مطالب همزمان در [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] هم منتشر می شود)
بدون هیچ مقدمه ای میریم سراغ این زبان:

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

قبل از شروع کار باید چه چیزهایی را بدانیم؟
قبل ار شروع مطالعه ی این بخش آموزشی باید در مورد HTML و CSS اطلاعاتی از قبل داشته باشید.
و حال میرسیم به زبان جاوا اسکریپت:

جاوا اسکریپت چییست؟
- جاوا اسکریپت آمده تا به صفحات HTML تحرک و تعامل ببخشد.
- جاوا اسکریپت یک زبان اسکریپتی است.
- جاوا اسکریپت همیشه مستقیما به صفحات HTML افزوده می شود.
- جاوا اسکریپت یک زبان از نوع تفسیر شده است یعنی بدون کامپایل شدن اجرا می شود.
- جاوا اسکریپت کاملا رایگان است یعنی بدون هیچ گونه لایسنس قابل استفاده است.
- جاوا اسکریپت ارتباطی با سرور و دیتابیس ندارد.
آیا جاوا و جاوا اسکریپت یکی هستند؟

نه!
این دو زبان کاملا متفاوت هستند.

جاوا اسکریپت قادر به انجام چه کارهایی است؟
جاوا اسکریپت به طراحان HTML یک ابزار برنامه نویسی می دهد. طراحان HTML در اصل برنامه نویس محسوب نمی شوند اما جاوا اسکریپت یک زبان اسکریپتیست با یک صرف و نحو ساده که هر کسی میتواند Snippet های کوچک کد ها را در صفحات HTML قرار دهد.

برای افزودن کد جاوا اسکریپت در یک سند HTML از تگ HTML ای به صورت <script> استفاده می شود.
و همچنین خصوصیت id برای شناسایی المان ها و بخش های مختلف کدهای HTML استفاده می شود.

ادامه دارد...
19-09-2012, 23:21
3dmax

برای افزودن کد جاوا اسکریپت در یک سند HTML از تگ HTML ای به صورت <script> استفاده می شود.
و همچنین خصوصیت id برای شناسایی المان ها و بخش های مختلف کدهای HTML استفاده می شود.

دست کاری المان های HTML
به صورت ساده می توان گفت جاوا اسکریپت برای دست کاری المان های موجود کد های HTML به کار می رود و جاوا اسکریپت بوسیله ی id هایی که برای بخش های مختلف کد های HTML در نظر گفته می شود قادر به شناسایی این قسمت هاست.
برای دسترسی به یک المان در HTML توسط جاوا اسکریپت باید از تابع document.getElementId() استفاده نمود که این متد باعث دسترسی کد های جاوا اسکریپت به بخشی از کد های HTML با id مشخص شده می شود.
مثال:

کد:

<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p id="netak">My First Paragraph</p> <script> document.getElementById("netak").innerHTML="My First JavaScript"; </script> </body> </html>

توجه: در HTML نسخه 5 نیازی به استفاده از خصوصیت type="text/javascript"برای معرفی اسکریپت جاوا اسکریپت نیست.

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

کد:

<!DOCTYPE html> <html> <body> <script>  </script> </body> </html>

برای نوشتن در یک صفحه HTML توسط کدهای جاوا اسکریپت می توان از عبارت document.write به شکل زیر استفاده کرد:

کد:

<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <script> document.write("<p>My First JavaScript</p>"); </script> </body> </html>

ادامه دارد...
24-10-2012, 00:43
میلاد واژدی

سلام
خیلی ممنون از دوستمون
با اجازه ما هم کمک می کنیم تا این آموزش زود تر تمام بشه
جاوا اسکریپت رو با یک تگ شروع میشه و با یک تگی هم تموم میشه
تگی که هر اسکریپت باهاش شروع میشه <script> است منتها باید تو اسکریپت بنویسید که میخواهید چه نوع اسکریپتی بنویسید (جاوااسکریپت ، وی بی اسکریپت و...)
پس میشود به صورت زیر نوشت
<Script language="javascript">

و همان طور هم که دوستون گفت با تگ </script> تمام میشه

یکم صبر کنید تا مباحث رو به کمک دوستنون گسترده ترش کنیم

یاعلی
05-02-2014, 20:04
pordad

سلام
کسی هست بگه چطور میشه تبلیغات وب سایت های ارائه دهنده ی کدهای جاوا اسکریپت رو حذف کرد؟؟؟؟؟؟؟؟؟؟