سبد (0)

تبلیغات

دستورات JavaScript

JavaScript، ترتیبی از دستورات است که توسط مرورگر اجرا می شود.


حساس به حروف کوچک و بزرگ 

Wiki

برخلاف HTML کدهای JavaScript به حروف کوچک و بزرگ حساس است (case sensitive)، بنابراین هنگامی که کد می نویسید به حروف بزرگ به دقت نگاه کنید.


دستورات JavaScript

Wiki

یک دستور JavaScript درواقع یک فرمان به مرورگر است. هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد.

در مثال زیر، دستور JavaScript به مرورگر می گوید که رشته "Hello world" را بر روی صفحه وب بنویسد:

document.write("Hello world");

به طور معمول در پایان هر دستور قابل اجرا، یک سمیکالن (;) اضافه می کنیم.

براساس استانداردهای JavaScript، قرار دادن سمیکالن، اختیاری است و مرورگر فرض می کند که آخر خط، انتهای دستور است. به همین خاطر در اغلب مثال ها سمیکالن را در آخر خط نمی بینید.

نکته: استفاده از سمیکالن، این امکان را به شما می دهد که چندین دستور را در یک خط بنویسید.


کدهای JavaScript

Wiki

کدهای JavaScript (یا فقط JavaScript) یک ترتیبی از دستورات جاوا اسکریپت است.

هر دستور جاوا اسکریپت به ترتیبی که نوشته شده است، توسط مرورگر اجرا می شود.

این مثال، دو عنصر با شناسه "demo" و "myDIV" را دستکاری می کند:

مثال (دستورات JavaScript)

document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
خودتان امتحان کنید »

بلوکی از دستورات

Wiki

دستورات JavaScript می توانند با هم در یک بلوک باشند.

بلوک ها با "}" شروع وبا "{" خاتمه می یابند.

هدف از این بلوکها این است که یک ترتیبی از دستوراتی که با هم اجرا می شوند ایجاد شود.

یک مثال خوب برای گروه بندی دستورات در یک بلوک، توابع هستند.

این مثال، تابعی را برای دستکاری دو عنصر، صدا می زند:

مثال (دستورات JavaScript)

function myFunction()
{
document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
}
خودتان امتحان کنید »

در فصل های بعدی با توابع بیشتر آشنا خواهید شد.


فضاهای خالی

Wiki

JavaScript، فاصله های اضافی را درنظر نمی گیرد. برای خواناتر شدن کد می توانید فضاهای خالی را اضافه نمایید. دو خط کد زیر یکسان هستند:

var person="Hege";
var person = "Hege";

شکستن یک خط کد

Wiki

با استفاده از "\" می توانید یک خط کد را بشکنید. مثال زیر بدرستی نمایش داده خواهد شد:

document.write("Hello \
World!");

یک خط کد را مانند زیر نمی توانید بشکنید:

document.write \
("Hello World!");

دیدگاه‌ها  

0 # bahar 1397-03-07 23:57
سلام...من میخام برنامه نویسی تحت وب رو یادبگیرم..اما متاسفانه نمیدونم از کجا و چطوری...؟؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1397-03-08 08:18
سلام و عرض ادب
برای ورود به حرفه ی طراحی سایت باید آموزش های زیر رو بترتیب طی نمایید:
فیلم آموزش HTML:
http://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:
http://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:
http://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:
http://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:
http://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:
http://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:
http://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:
http://beyamooz.com/product/eshop
منوی ببین و بیاموز -> برنامه نویسی وب -> آموزش پی اچ پی -> آموزش ساخت فروشگاه اینترنتی در پی اچ پی
با احتساب 45 درصد تخفیف بجای 152000 تومان 83600 پرداخت خواهید کرد
---------------------------------------
فیلم پروژه محور ASP.NET MVC:
http://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:
http://beyamooz.com/product/query-level-1
منوی ببین و بیاموز -> آموزش پایگاه داده -> آموزش اس کیو ال سرور -> آموزش مقدماتی کوئری نویسی
قیمت = 19000 تومان
آموزش پیشرفته کوئری نویسی در SQL:
http://beyamooz.com/product/query-level-2
منوی ببین و بیاموز -> آموزش پایگاه داده -> آموزش اس کیو ال سرور -> آموزش پیشرفته کوئری نویسی
قیمت = 25000 تومان
----------------------------------------
اگر قصد دارید در زمان کمتری یک سایت رو طراحی کنید و نمی خواهید که برنامه نویسی کنید و یا کار با دیتابیس رو یاد بگیرید، استفاده از جوملا پیشنهاد می شه که در زیر فیلم های آموزشی مربوطه آورده شده است:
فیلم آموزش پروژه محور جوملا:
http://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 تومان
فیلم آموزش راه اندازی و مدیریت فروشگاه در جوملا:
http://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 تومان
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # mahdi قاسمی 1394-06-24 22:09
سلام و خسته نباشید من آموزشهارو تغریبا خوندم اما یه نکته رو نمیدونم یعنی چی
[dir=#555]$(document).keydown(function(c){
if (c.keyCode == 37) {
alert("
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # شهربانو دوستی 1394-06-27 23:19
با سلام
ممنون از لطف شما
عدد 37 در رویدادهای KeyDown and KeyUp مربوط به LEFT ARROW و در رویداد KeyPress مربوط به % است. یعنی در صورتی که یکی از کلید های ذکر شده از صفحه کلید فشرده شد رویداد آلرت پیغامی را نمایش دهد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # mahdi قاسمی 1394-06-29 22:34
به نقل از شهربانو دوستی:
با سلام
ممنون از لطف شما...

سلام مجدد و تشکر از جوابتون
متاسفانه سوال من کامل نبوده من توی دستورات بالا کاربرد کاراکتر cتوی پرانتز(function (c و قبل از keycodeرو نمیدونمو چرا بدون این کاراکتر کار نمیکنه
باز هم ممنونم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # شهربانو دوستی 1394-07-02 11:00
سلام خواهش میکنم
کاراکتر C ارگومان تابع keycode است و بدون آن فراخوانی تابع با مشکل مواجه می شود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # mahdi قاسمی 1394-07-03 23:17
سپاس از لطفتون
در صورتی که لینک آموزش مرتبط با این موضوع موجود هست رو عنایت بفرمایید, پایدار باشید و سر بلند
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # شهربانو دوستی 1394-07-04 00:59
با سلام
ممنون از لطف شما
برای اموزش توابع در جی کوئری می توانید به لینک زیر مراجعه کنید :
www.beyamooz.com/javascript/107-basic/388-%D8%AA%D9%88%D8%A7%D8%A8%D8%B9-javascript
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
-4 # امیرکیان 1393-12-22 11:38
اینو من متوجه نشدم:
function myFunction()
{
document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
}

چرا از {} استفاده می شود مگر بدون این مشکلی پیش می آید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # مظاهر نصوحی 1393-12-23 09:39
{} جزء لاینفک تعریف تابع در زبان جاوا اسکریپت است که بلوک را مشخص می کند.
کافی است خودتان را لحظه ای جای مفسر بگذارید، از کجا می خواهید تشخیص بدهید انتهای تابع کجاست؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # امیرکیان 1393-11-11 10:48
این document که گفتی این یعنی چه؟!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # mohammad 1393-12-22 00:39
به نقل از امیرکیان:
این document که گفتی این یعنی چه؟!


به طور خلاصه صفحه پیش روی شما که داری وب سایتت رو طراحی میکنی
write هم به معنی نوشتن روی اون که با دستور document.write شما شروع به نوشتن و طراحی وب سایتتون میکنین.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+8 # امیر پهلوان صادق 1393-11-11 11:53
document یکی از کلاس های بسیار کاربردی JavaScript است که شامل متدها و propertyهای فراوانی است. در آینده بیشتر با آن آشنا خواهید شد.
بعنوان مثال، ()getElementByI d یکی از متدهای این کلاس است که برای پیدا کردن عناصر داخل صفحه HTML از طریق id کاربرد دارد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # mohammad 1393-12-22 00:11
در ادامه توضیح آقای پهلوان صادق به طور خلاصه میتوان این طور فرض کرد که document همون صفحه وب سایت که شما در حال طرحی برای خودتان هستید و کلمه write هم که معنی نوشتن میده یعنی دستور نوشتن بر روی صفحه ای که دارین طراحی میکنین.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی JavaScript

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

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

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