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!");
برای ورود به حرفه ی طراحی سایت باید آموزش های زیر رو بترتیب طی نمایید:
فیلم آموزش 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?";
}
چرا از {} استفاده می شود مگر بدون این مشکلی پیش می آید
کافی است خودتان را لحظه ای جای مفسر بگذارید، از کجا می خواهید تشخیص بدهید انتهای تابع کجاست؟
به طور خلاصه صفحه پیش روی شما که داری وب سایتت رو طراحی میکنی
write هم به معنی نوشتن روی اون که با دستور document.write شما شروع به نوشتن و طراحی وب سایتتون میکنین.
بعنوان مثال، ()getElementById یکی از متدهای این کلاس است که برای پیدا کردن عناصر داخل صفحه HTML از طریق id کاربرد دارد.