دستورات JavaScript
JavaScript، ترتیبی از دستورات است که توسط مرورگر اجرا می شود.
حساس به حروف کوچک و بزرگ
برخلاف HTML کدهای JavaScript به حروف کوچک و بزرگ حساس است (case sensitive)، بنابراین هنگامی که کد می نویسید به حروف بزرگ به دقت نگاه کنید.
دستورات JavaScript
یک دستور JavaScript درواقع یک فرمان به مرورگر است. هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد.
در مثال زیر، دستور JavaScript به مرورگر می گوید که رشته "Hello world" را بر روی صفحه وب بنویسد:
به طور معمول در پایان هر دستور قابل اجرا، یک سمیکالن (;) اضافه می کنیم.
براساس استانداردهای JavaScript، قرار دادن سمیکالن، اختیاری است و مرورگر فرض می کند که آخر خط، انتهای دستور است. به همین خاطر در اغلب مثال ها سمیکالن را در آخر خط نمی بینید.
نکته: استفاده از سمیکالن، این امکان را به شما می دهد که چندین دستور را در یک خط بنویسید.
کدهای JavaScript
کدهای JavaScript (یا فقط JavaScript) یک ترتیبی از دستورات جاوا اسکریپت است.
هر دستور جاوا اسکریپت به ترتیبی که نوشته شده است، توسط مرورگر اجرا می شود.
این مثال، دو عنصر با شناسه "demo" و "myDIV" را دستکاری می کند:
مثال (دستورات JavaScript)
document.getElementById("myDIV").innerHTML="How are you?";
بلوکی از دستورات
دستورات JavaScript می توانند با هم در یک بلوک باشند.
بلوک ها با "}" شروع وبا "{" خاتمه می یابند.
هدف از این بلوکها این است که یک ترتیبی از دستوراتی که با هم اجرا می شوند ایجاد شود.
یک مثال خوب برای گروه بندی دستورات در یک بلوک، توابع هستند.
این مثال، تابعی را برای دستکاری دو عنصر، صدا می زند:
مثال (دستورات JavaScript)
{
document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
}
در فصل های بعدی با توابع بیشتر آشنا خواهید شد.
فضاهای خالی
JavaScript، فاصله های اضافی را درنظر نمی گیرد. برای خواناتر شدن کد می توانید فضاهای خالی را اضافه نمایید. دو خط کد زیر یکسان هستند:
var person = "Hege";
شکستن یک خط کد
با استفاده از "\" می توانید یک خط کد را بشکنید. مثال زیر بدرستی نمایش داده خواهد شد:
World!");
یک خط کد را مانند زیر نمی توانید بشکنید:
("Hello World!");
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 34841
دیدگاه‌ها
سلام...من میخام برنامه نویسی تحت وب رو یادبگیرم..اما متاسفانه نمیدونم از کجا و چطوری...؟؟؟
سلام و عرض ادب
برای ورود به حرفه ی طراحی سایت باید آموزش های زیر رو بترتیب طی نمایید:
فیلم آموزش HTML:
beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش اچ تی ام ال و سی اس اس -> فیلم آموزش اچ تی ام ال
قیمت = 17000 تومان
--------------------------------------
فیلم آموزش HTML5:
beyamooz.com/product/web-design/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html5
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش اچ تی ام ال و سی اس اس -> فیلم آموزش اچ تی ام ال 5
قیمت = 14000 تومان
--------------------------------------
فیلم آموزش CSS:
beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش اچ تی ام ال و سی اس اس -> فیلم آموزش سی اس اس
قیمت = 21000 تومان
--------------------------------------
فیلم آموزش CSS3:
beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css3
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش اچ تی ام ال و سی اس اس -> فیلم آموزش سی اس اس 3
قیمت = 14000 تومان
--------------------------------------
فیلم آموزش JavaScript:
beyamooz.com/product/javascript/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-javascript
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش جاوااسکریپت -> فیلم آموزش جاوااسکریپت
قیمت = 17000 تومان
--------------------------------------
فیلم آموزش JQuery:
beyamooz.com/product/jquery-film/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%DB%8C-%DA%A9%D9%88%D8%A6%D8%B1%DB%8C
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش جی کوئری -> فیلم آموزش جی کوئری
قیمت = 17500 تومان
--------------------------------------
فیلم آموزش Bootstrap:
beyamooz.com/product/project-bootstrap/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%85%D8%AD%D9%88%D8%B1-%D8%A8%D9%88%D8%AA-%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش بوت استرپ -> فیلم آموزش بوت استرپ
قیمت = 19000 تومان
--------------------------------------
فیلم پروژه محور PHP:
beyamooz.com/product/eshop
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش پی اچ پی -> آموزش ساخت فروشگاه اینترنتی در پی اچ پی
با احتساب 45 درصد تخفیف بجای 152000 تومان 83600 پرداخت خواهید کرد
---------------------------------------
فیلم پروژه محور ASP.NET MVC:
beyamooz.com/product/asp-net-mvc/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-asp-net-mvc
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش ای اس پی دات نت -> آموزش پروژه محور
قیمت = 37000 تومان
---------------------------------------
آموزش مقدماتی کوئری نویسی در SQL:
beyamooz.com/product/query-level-1
منوی ببین و بیاموز -> آموزش پایگاه داده -> آموزش اس کیو ال سرور -> آموزش مقدماتی کوئری نویسی
قیمت = 19000 تومان
آموزش پیشرفته کوئری نویسی در SQL:
beyamooz.com/product/query-level-2
منوی ببین و بیاموز -> آموزش پایگاه داده -> آموزش اس کیو ال سرور -> آموزش پیشرفته کوئری نویسی
قیمت = 25000 تومان
----------------------------------------
اگر قصد دارید در زمان کمتری یک سایت رو طراحی کنید و نمی خواهید که برنامه نویسی کنید و یا کار با دیتابیس رو یاد بگیرید، استفاده از جوملا پیشنهاد می شه که در زیر فیلم های آموزشی مربوطه آورده شده است:
فیلم آموزش پروژه محور جوملا:
beyamooz.com/product/amoozesh-joomla/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D9%88%D9%85%D9%84%D8%A7-3
قیمت = 28000 تومان
فیلم آموزش راه اندازی و مدیریت فروشگاه در جوملا:
beyamooz.com/product/joomshopping/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%D8%A7%D9%87-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C-%D9%81%D8%B1%D9%88%D8%B4%DA%AF%D8%A7%D9%87-%D8%AF%D8%B1-%D8%AC%D9%88%D9%85%D9%84%D8%A7
قیمت = 37000 تومان
سلام و خسته نباشید من آموزشهارو تغریبا خوندم اما یه نکته رو نمیدونم یعنی چی
[dir=#555]$(document).keydown(function(c){
if (c.keyCode == 37) {
alert("
با سلام
ممنون از لطف شما
عدد 37 در رویدادهای KeyDown and KeyUp مربوط به LEFT ARROW و در رویداد KeyPress مربوط به % است. یعنی در صورتی که یکی از کلید های ذکر شده از صفحه کلید فشرده شد رویداد آلرت پیغامی را نمایش دهد.
به نقل از شهربانو دوستی:
سلام مجدد و تشکر از جوابتون
متاسفانه سوال من کامل نبوده من توی دستورات بالا کاربرد کاراکتر cتوی پرانتز(function (c و قبل از keycodeرو نمیدونمو چرا بدون این کاراکتر کار نمیکنه
باز هم ممنونم
سلام خواهش میکنم
کاراکتر C ارگومان تابع keycode است و بدون آن فراخوانی تابع با مشکل مواجه می شود.
سپاس از لطفتون
در صورتی که لینک آموزش مرتبط با این موضوع موجود هست رو عنایت بفرمایید, پایدار باشید و سر بلند
با سلام
ممنون از لطف شما
برای اموزش توابع در جی کوئری می توانید به لینک زیر مراجعه کنید :
www.beyamooz.com/javascript/107-basic/388-%D8%AA%D9%88%D8%A7%D8%A8%D8%B9-javascript
اینو من متوجه نشدم:
function myFunction()
{
document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
}
چرا از {} استفاده می شود مگر بدون این مشکلی پیش می آید
{} جزء لاینفک تعریف تابع در زبان جاوا اسکریپت است که بلوک را مشخص می کند.
کافی است خودتان را لحظه ای جای مفسر بگذارید، از کجا می خواهید تشخیص بدهید انتهای تابع کجاست؟
این document که گفتی این یعنی چه؟!
به نقل از امیرکیان:
به طور خلاصه صفحه پیش روی شما که داری وب سایتت رو طراحی میکنی
write هم به معنی نوشتن روی اون که با دستور document.write شما شروع به نوشتن و طراحی وب سایتتون میکنین.
document یکی از کلاس های بسیار کاربردی JavaScript است که شامل متدها و propertyهای فراوانی است. در آینده بیشتر با آن آشنا خواهید شد.
بعنوان مثال، ()getElementByI d یکی از متدهای این کلاس است که برای پیدا کردن عناصر داخل صفحه HTML از طریق id کاربرد دارد.
در ادامه توضیح آقای پهلوان صادق به طور خلاصه میتوان این طور فرض کرد که document همون صفحه وب سایت که شما در حال طرحی برای خودتان هستید و کلمه write هم که معنی نوشتن میده یعنی دستور نوشتن بر روی صفحه ای که دارین طراحی میکنین.