JavaScript

: 07 فروردين 1397

شیء Boolean در JavaScript

شیء Boolean در JavaScriptمی تواند دو مقدار true یا false را داشته باشد.

تابع ()Boolean

با استفاده از تابع ()Boolean می توانید درست یا نادرست بودن یک عبارت را بفهمید:

مثال (کلیه متدهای شیء Boolean)

Boolean(10 > 9) // returns true

خودتان امتحان کنید »

و یا حتی راحتر:

مثال (کلیه متدهای شیء Boolean)

(10 > 9) // also returns true
10 > 9 // also returns true

خودتان امتحان کنید »

برای کسب اطلاعات بیشتر در مورد شیء Boolean به لینک روبرو مراجعه فرمایید: آموزش JS-شیء Boolean

خصوصیت های شیء Boolean

متد	توضیحات
constructor	از این متد، برای برگرداندن تابع سازنده ی Boolean استفاده می شود.
prototype	از این متد، برای اضافه کردن خصوصیت یا متد به یک شیء استفاده می شود.

متدهای شیء Boolean

متد	توضیحات
toString()	این متد، یک مقدار boolean را تبدیل به رشته کرده و نتیجه را برمی گرداند.
valueOf()	این متد، مقدار اولیه ی یک boolean را برمی گرداند.

: 07 فروردين 1397

شیء Date

از شیء Date برای کار کردن بر روی تاریخ و زمان استفاده می شود.

اشیاء Date به وسیله ی دستور new Date() ایجاد می شوند.

چهار راه برای تعریف یک شیء Date وجود دارد:

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

برای کسب اطلاعات بیشتر در مورد تاریخ و زمان به لینک روبرو مراجعه فرمایید: آموزش JS-تاریخ

خصوصیات شیء Date

متد	توضیحات
constructor	از این خصوصیت در Javascript، برای برگرداندن تابع سازنده ی شیء date استفاده می شود.
prototype	از این خصوصیت در Javascript، برای اضافه کردن خصوصیت یا متد به یک شیء استفاده می شود.

متدهای شیء Date

متد	توضیحات
getDate()	از این متد در Javascript، برای برگرداندن روز نسبت به ماه استفاده می شود(از 1 تا 31).
getDay()	از این متد در Javascript، برای برگرداندن روز نسبت به هفته استفاده می شود(از 0 تا 6).
getFullYear()	از این متد در Javascript، برای برگرداندن سال استفاده می شود.
getHours()	از این متد در Javascript، برای برگرداندن ساعت استفاده می شود(از 0 تا 23).
getMilliseconds()	از این متد در Javascript، برای برگرداندن میلی ثانیه ها استفاده می شود(از 0 تا 999).
getMinutes()	از این متد در Javascript، برای برگرداندن دقیقه ها استفاده می شود(از 0 تا 59).
getMonth()	از این متد در Javascript، برای برگرداندن ماه استفاده می شود(از 0 تا 11).
getSeconds()	از این متد در Javascript، برای برگرداندن ثانیه ها استفاده می شود(از 0 تا 59).
getTime()	از این متد در Javascript، برای برگرداندن میلی ثانیه ها از نیمه شب 1 ژانویه 1970 تا اکنون استفاده می شود.
getTimezoneOffset()	از این متد در Javascript، برای برگرداندن اختلاف بین زمان جهانی(UTC) و زمان محلی در دقیقه استفاده می شود.
getUTCDate()	از این متد در Javascript، برای برگرداندن روز نسبت به ماه طبق زمان جهانی استفاده می شود(از 1 تا 31).
getUTCDay()	از این متد در Javascript، برای برگرداندن روز نسبت به هفته طبق زمان جهانی استفاده می شود(از 0 تا 6).
getUTCFullYear()	از این متد در Javascript، برای برگرداندن سال بعنوان یک عدد چهار رقمی طبق زمان جهانی استفاده می شود.
getUTCHours()	از این متد در Javascript، برای برگرداندن ساعت طبق زمان جهانی استفاده می شود(از 0 تا 23).
getUTCMilliseconds()	از این متد در Javascript، برای برگرداندن میلی ثانیه ها طبق زمان جهانی استفاده می شود(از 0 تا 999).
getUTCMinutes()	از این متد در Javascript، برای برگرداندن دقیقه ها طبق زمان جهانی، استفاده می شود(از 0 تا 59).
getUTCMonth()	از این متد در Javascript، برای برگرداندن ماه، طبق زمان جهانی استفاده می شود(از 0 تا 11).
getUTCSeconds()	از این متد در Javascript، برای برگرداندن ثانیه ها، طبق زمان جهانی، استفاده می شود(از 0 تا 59).
getYear()	غیرقابل استفاده ، به جای آن از متد getFullYear استفاده کنید.
parse()	از این متد در Javascript، برای تجزیه یک تاریخ و برگرداندن تعداد میلی ثانیه ها از1 ژانویه 1970 تا آن تاریخ استفاده می شود.
setDate()	از این متد در Javascript، برای ست کردن روز نسبت به ماه در یک شیء تاریخ استفاده می شود.
setFullYear()	از این متد در Javascript، برای ست کردن سال(4 رقمی) در یک شیء تاریخ استفاده می شود.
setHours()	از این متد در Javascript، برای ست کردن ساعت در یک شیء تاریخ استفاده می شود.
setMilliseconds()	از این متد در Javascript، برای ست کردن میلی ثانیه ها در یک شیء تاریخ استفاده می شود.
setMinutes()	از این متد در Javascript، برای ست کردن دقیقه ها در یک شیء تاریخ استفاده می شود.
setMonth()	از این متد در Javascript، برای ست کردن ماه در یک شیء تاریخ استفاده می شود.
setSeconds()	از این متد در Javascript، برای ست کردن ثانیه ها در یک شیء تاریخ استفاده می شود .
setTime()	از این متد در Javascript، برای ایجاد یک تاریخ از تعداد مشخصی میلی ثانیه، قبل یا بعد از تاریخ 1 ژانویه 1970، استفاده می شود.
setUTCDate()	از این متد در Javascript، طبق زمان جهانی، برای ست کردن روز نسبت به ماه در یک شیء تاریخ استفاده می شود.
setUTCFullYear()	از این متد در Javascript، طبق زمان جهانی ،برای ست کردن سال(چهار رقمی)در یک شیء تاریخ استفاده می شود.
setUTCHours()	از این متد در Javascript، برای ست کردن ساعت در یک شیء تاریخ طبق زمان جهانی استفاده می شود.
setUTCMilliseconds()	از این متد در Javascript، برای ست کردن میلی ثانیه ها در یک شیء تاریخ ،طبق زمان جهانی استفاده می شود.
setUTCMinutes()	از این متد در Javascript، برای ست کردن دقیقه ها در یک شیء تاریخ طبق زمان جهانی استفاده می شود.
setUTCMonth()	از این متد در Javascript، برای ست کردن ماه در یک شیء تاریخ طبق زمان جهانی،استفاده می شود.
setUTCSeconds()	از این متد در Javascript، برای ست کردن ثانیه ها در یک شیء تاریخ طبق زمان جهانی استفاده می شود.
setYear()	غیر قابل استفاده ،به جای آن از متد setFullYear استفاده کنید .
toDateString()	از این متد در Javascript، برای جدا کردن قسمت مربوط به تاریخ از یک تاریخ، و تبدیل آن بصورت یک رشته ی قابل خواندن، استفاده می شود.
toGMTString()	غیر قابل استفاده،به جای آن از متدtoUTCString استفاده کنید.
toISOString()	از این متد درJavascript، برای برگرداندن تاریخ بعنوان یک رشته،طبق استاندارد ISO استفاده می شود.
toJSON()	از این متد درJavascript، برای برگرداندن تاریخ بعنوان یک رشته و تغییر فرمت آن طبق فرمت تاریخ در JSON استفاده می شود.
toLocaleDateString()	از این متد درJavascript، برای برگرداندن قسمت مربوط به تاریخ از یک تاریخ کامل که فرمت نوشتن آن بصورت معمولی نوشتن تاریخ است، استفاده می شود.
toLocaleTimeString()	از این متد درJavascript، برای برگرداندن قسمت مربوط به زمان از یک تاریخ کامل که فرمت نوشتن آن بصورت معمولی نوشتن زمان است، استفاده می شود.
toLocaleString()	از این متد درJavascript، برای برگرداندن تاریخ بعنوان یک رشته که بصورت معمولی نوشتن تاریخ است، استفاده می شود.
toString()	از این متد درJavascript، برای تبدیل شیء تاریخ به یک رشته، استفاده می شود.
toTimeString()	از این متد درJavascript، برای تبدیل قسمت زمان از یک شیء تاریخ، به یک رشته استفاده می شود.
toUTCString()	از این متد درJavascript، برای تبدیل یک شیء تاریخ به رشته، طبق ساعت جهانی، استفاده می شود.
UTC()	از این متد درJavascript، برای برگرداندن تعداد میلی ثانیه های یک تاریخ از 1 ژانویه 1970 تا آن تاریخ ،طبق ساعت جهانی استفاده می شود.
valueOf()	از این متد درJavascript، برای برگرداندن مقدار اولیه ی یک شیء تاریخ استفاده می شود.

: 07 فروردين 1397

شیء Math در JavaScript

با استفاده از شیء Math در JavaScriptمی توانید کارهای مربوط به ریاضیات را انجام داد.

تمام متدها و خصوصیات مربوط به Math را می توانید بدون ایجاد شیء و مستقیماً با استفاده از Math بعنوان یک شیء استفاده نمایید. Math یک سازنده (constructor) نیست.

نحوه استفاده

var x = Math.PI; // Returns PI
var y = Math.sqrt(16); // Returns the square root of 16

برای کسب اطلاعات بیشتر در مورد شیء Math در JavaScript به لینک روبرو مراجعه فرمایید: آموزش JS-شیء Math

تمام خصوصیت های شیء Math

متد	توضیحات
E	این متد، عدد اولر را برمی گرداند(حدود 2.718).
LN2	این متد، لگاریتم طبیعی 2 را برمی گرداند(حدود 0.693).
LN10	این متد، لگاریتم طبیعی 10 را برمی گرداند(حدود 2.302).
LOG2E	این متد، لگاریتم E در مبنای 2 را برمی گرداند(حدود 1.442).
LOG10E	این متد، لگاریتم E در مبنای 10 را برمی گرداند(حدود 0.434).
PI	این متد، عدد پی را برمی گرداند(حدود 3.14).
SQRT1_2	این متد، ریشه ی دوم 1/2 را برمی گرداند(حدود 0.707).
SQRT2	این متد، ریشه ی دوم 2 را برمی گرداند.

تمام متدهای شیء Math

متد	توضیحات
abs(x)	این متد، قدر مطلق x را برمی گرداند.
acos(x)	این متد، arccos(آرک کسینوس) x را بر می گرداند.
asin(x)	این متد، arcsin(آرک سینوس) x را به رادیان، برمی گرداند.
atan(x)	این متد، arctan(آرک تانژانت)،x را بصورت یک مقدار عددی، بین PI/2- و PI/2 رادیان برمی گرداند.
atan2(y,x)	این متد، آرک تانژانت(arctan) خارج قسمتِ آرگومان هایش را برمی گرداند.
ceil(x)	این متد، مقدار سقف x را برمی گرداند. سقف x در واقع کوچکترین عدد صحیحِ بزرگتر یا مساوی x است.
cos(x)	این متد، کسینوس x را به رادیان برمی گرداند.
exp(x)	این متد، مقدار E^xرا برمی گرداند.
floor(x)	این متد، جزء صحیح x را برمی گرداند. جزء صحیح x در واقع بزرگترین عدد صحیحِ کوچکتر یا مساوی با x است(مقدار کف x).
log(x)	این متد، لگاریتم طبیعی x(در مبنای E) را برمی گرداند.
max(x,y,z,...,n)	این متد، بزرگترین عدد را برمی گرداند.
min(x,y,z,...,n)	این متد، کوچکترین عدد را برمی گرداند.
pow(x,y)	این متد، x را به توان y رسانده و حاصل را برمی گرداند.
random()	این متد، یک عدد تصادفی بین 0 و 1 را برمی گرداند.
round(x)	این متد، x را به نزدیک ترین عدد صحیح گرد می کند.
sin(x)	این متد، سینوس x را به رادیان برمی گرداند.
sqrt(x)	این متد، جذر x را برمی گرداند.
tan(x)	این متد، تانژانت x را برمی گرداند.

: 07 فروردين 1397

شیء RegExp در JavaScript - عبارات منظم در JavaScript

با استفاده از شیء RegExp می توانید، الگوی بکار رفته در کاراکترها را تعریف نمایید.

عبارات منظم را می توانید در توابع search و یا replace بکار ببرید.

نکته: برای فهمیدن آسان تر عبارات منظم، توصیه می کنیم، از سایت بسیار کاربردی زیر استفاده نمایید:

https://regex101.com

نحوه استفاده

/pattern/modifiers;

مثال:

var patt = /beyamooz/i

توضیح مثال:

محتوای متغیر patt شامل یک عبارت منظم است.
beyamooz الگوی ماست و شاید بخواهید در یک عبارت آنرا جستجو کنیم.
i یک modifier یا یک اصلاحگر است و مشخص می کند که عملیات جستجو به حروف بزرگ و کوچک، حساس نباشد (case-insensitive)

برای کسب اطلاعات بیشتر درباره عبارات منظم در JavaScript به لینک روبرو مراجعه فرمایید: آموزش JS-شیء RegExp

Modifiers

از modifier ها برای مشخص کردن تطابق های غیر حساس به حروف بزرگ و کوچک و همچنین مشخص کردن تطابق سراسری استفاده می شود.

Modifier	توضیحات
i	مشخص کردن تطابق غیر حساس به حروف بزرگ و کوچک.
g	مشخص کردن یک تطابق سراسری(global). (پیدا کردن تمامی تطابق ها به جای توقف، با یافتن اولین تطابق).
m	مشخص کردن تطابق چند خطی.

Brackets

از براکت ها برای یافتن یک محدوده از کاراکترها استفاده می شود:

Expression	توضیحات
[abc]	از این عبارت، برای پیدا کردن کاراکترهای بین براکت ها استفاده می شود.
[^abc]	از این عبارت، برای پیدا کردن کاراکترهایی که بین براکت نیست، استفاده می شود.
[0-9]	از این عبارت، برای یافتن تمام اعداد بین براکت ها، استفاده می شود.
[^0-9]	از این عبارت، برای یافتن تمام اعدادی که بین براکت ها نیستند، استفاده می شود.
(x\|y)	از این عبارت، برای یافتن تمام جایگزین های مشخص شده، استفاده می شود.

Metacharacters

Metacharacter(متا کاراکتر) ها کاراکتر هایی با یک معنی خاص هستند:

Metacharacter	توضیحات
.	پیداکردن یک کاراکتر تکی.
\w	پیداکردن کاراکترهایی که در کلمه ها به کار می روند.
\W	پیدا کردن کاراکترهایی که در کلمه ها به کار نمی روند.
\d	پیدا کردن یک عدد(digit).
\D	پیدا کردن یک کاراکتر که عدد نیست.
\s	پیدا کردن یک فاصله سفید.
\S	پیدا کردن کاراکترهایی که فاصله سفید نیستند.
\b	پیدا کردن یک تطابق در ابتدا یا انتهای یک کلمه.
\B	پیدا کردن یک تطابق، غیر از ابتدا یا انتهای یک کلمه.
\0	پیداکردن یک کاراکتر NUL.
\n	پیدا کردن یک کاراکتر خط جدید(new line).
\f	پیدا کردن یک کاراکتر form feed.
\r	پیدا کردن یک کاراکتر carriage return.
\t	پیدا کردن یک کاراکتر tab.
\v	پیدا کردن یک کاراکتر tab عمودی.
\xxx	پیدا کردن کاراکتر مشخص شده به وسیله ی یک عدد اکتال xxx.
\xdd	پیدا کردن کاراکتر مشخص شده به وسیله ی یک عدد هگزادسیمال dd.
\uxxxx	پیدا کردن کاراکتر یونیکد مشخص شده به وسیله ی یک عدد هرگزادسیمال xxxx.

Quantifiers

Quantifier	توضیحات
n+	رشته ای که حداقل شامل یک n است را به عنوان تطابق برمی گرداند.
n*	رشته ای که شامل 0 یا تعداد بیشتری n است، را بعنوان تطابق برمی گرداند.
n?	رشته ای که شامل تعداد 0 یا 1، n است را، بعنوان تطابق برمی گرداند.
n{X}	رشته ای که شامل دنباله ای از n به تعداد X می باشد را بعنوان تطابق برمی گرداند.
n{X,Y}	رشته ای که شامل، X تا Y از n است را بعنوان تطابق برمی گرداند.
n{X,}	رشته ای که شامل حداقل X تا n است را بعنوان تطابق برمی گرداند.
n$	رشته ای که در آخر آن n است، را بعنوان تطابق برمی گرداند.
^n	رشته ای که در ابتدای آن n وجود دارد، را بعنوان تطابق برمی گرداند.
?=n	رشته ای که به دنبال آن رشته ی مشخص شده ی n وجود دارد را بعنوان تطابق برمی گرداند.
?!n	رشته ای که به دنبال ان رشته ی مشخص شده ی n وجود ندارد، را به عنوان تطابق برمی گرداند.

RegExp Object Properties

متد	توضیحات
constructor	از این متد، برای برگرداندن تابع سازنده ی شیء RegExp استفاده می شود.
global	از این متد، برای چک کردن اینکه آیا اصلاحگر g ست شده است یا نه، استاده می شود.
ignoreCase	از این متد، برای چک کردن اینکه آیا اصلاحگر i ست شده است یا نه استفاده می شود.
lastIndex	این متد، اندیس بعد از تطابق را برمی گرداند.
multiline	از این متد، برای چک کردن اینکه آیا اصلاحگر m ست شده است یا نه استفاده می شود.
source	این متد، متن الگوی RegExp را برمی گرداند.

RegExp Object Methods

متد	توضیحات
compile()	بد دانسته شده در ورژن 1.5. یک عبارت منظم را کامپایل می کند.
exec()	از این متد برای تست کردن و یافتن یک تطابق در یک رشته و برگرداندن اولین تطابق استفاده می شود.
test()	از این متد برای تست کردن یک تطابق و برگرداندن trueیا false استفاده می شود.
toString()	از این متد برای برگرداندن مقدار رشته ی یک عبارت منظم استفاده می شود.

متغیرهای JavaScript

07 فروردين 1397

متغیرها، ظرفی برای ذخیره اطلاعات اند:

مثال (متغییرهای JavaScript)

var x=5;
var y=6;
var z=x+y;
خودتان امتحان کنید »

آیا جبر را از زمان مدرسه به یاد دارید؟

Wiki

x=5, y=6, z=x+y

آیا به یاد می آورید که یک حرف (مانند x) می تواند برای نگهداری یک مقدار (مثل 5) به کار رود و شما می توانید طبق اطلاعات بالا مقدار z را برابر 11 ارزیابی کنید.

این حروف، متغیر نامیده می شوند و آنها را می توان برای نگهداری مقادیر (x=5) و یا عبارات (z=x+y) استفاده کرد.

متغیرهای JavaScript

Wiki

مانند جبر، متغیرهای JavaScriptنیر برای نگهداری مقادیر و یا عبارات به کار می روند.

متغیرها می توانند اسمی کوتاه داشته باشند مانند X و یا کمی توصیفی باشند مانند Carname

قواعد نامگذاری متغیرهای JavaScript:
- نام متغیرها به حروف کوچک و بزرگ حساس (case sensitive) هستند. (y و Y دو متغیر متفاوت اند)
- نام متغیر می تواند با حروف و یا آندرلاین و یا $ شروع شود.
توجه: چون جاوا اسکریپت Case-sensitive است، نام متغیرهای آن نیز Case-sensitive است.

انواع داده در JavaScript

Wiki

در متغیرهای JavaScript می توان، انواع دیگر داده، مانند: متن را نیز ذخیره نمود. ("علی احمدی"=person)

در JavaScript یک متن مانند "علی احمدی" یک رشته نامیده می شود.

در JavaScript انواع مختلف متغیر وجود دارد، اما در حال حاضر، فقط به متغیرهای عددی و رشته ای می پردازیم.

زمانی که یک مقدار رشته ای را به یک متغیر انتساب می دهید، باید آنرا در کوتیشن یا دابل کوتیشن (' یا ") قرار دهید.

زمانی که یک عدد را به یک متغیر انتساب می دهید، نیازی به کوتیشن نیست. اگر آنرا در کوتیشن قرار دهید با آن متغیر، مانند یک رشته برخورد خواهد شد.

مثال (متغییرهای JavaScript)

var pi=3.14;
var person="John Doe";
var answer='Yes I am!';
خودتان امتحان کنید »

مثال

مقدار یک متغیر در طول اجرای اسکریپت می تواند تغییر کند. شما می توانید به یک متغیر از طریق نام آن برای تغییر یا نمایش مقدارش دستیابی پیدا کنید.

این مثال به شما چگونگی دسترسی و مقداردهی یک متغیر را نشان خواهد داد.

اعلان (ایجاد) متغیرهای JavaScript

Wiki

در JavaScript ایجاد متغیر بیشتر اوقات به اعلان متغیر معروف است.

شما می توانید متغیبرهای JavaScript را با کلمه کلیدی var اعلان کنید:

var x;
var carname;

بعد از تعریف به صورت بالا متغیرها خالی هستند(هنوز هیچ اطلاعاتی داخل آنها نیست)، اگر چه شما می توانید آنها را موقع تعریف مقداردهی نمایید.

var x=5;
var carname="Volvo";

بعد از اجرای دستورات بالا، متغیر x مقدار 5 و carname مقدار "volvo" را در خود نگه می دارد.

توجه:اگر یک متغیر JavaScript را بعد از مقدار دهی، دوباره اعلان کنید، مقدار اولیه اش را از دست نخواهد داد.

تعریف چندین متغیر، در یک دستور

Wiki

می توانید چندین متغیر را در یک دستور اعلان نمایید. فقط دستور را با var شروع کنید و متغیرها را با کاما از هم جدا نمایید:

var lastname="Doe", age=30, job="carpenter";

اعلان ها، می توانند در چندین خط باشند:

var lastname="Doe",
age=30,
job="carpenter";

Value = undefined

Wiki

در برنامه های کامپیوتری، اغلب متغیرها بدون مقدار اعلان می شوند این متغیرها مقدار undefinedرا خواهند داشت.

بعد از اجرای دستور زیر، متغیر carname مقدار undefinedرا خواهد داشت:

var carname;

متغیر های محلی (LOCAL) در JavaScript

Wiki

متغیرهایی که داخل یک تابع اعلان شده اند، تنها داخل همان تابع، قابل دسترسی اند. (متغیرهای با قلمرو محلی)

شما می توانید در توابع مختلف، متغیرهای محلی با نام های یکسان داشته باشید. (متغیرهای محلی تنها بوسیله تابعی که آنها را اعلان کرده است شناخته می شوند)

متغیرهای محلی بمحض اینکه عملیات تابع تکمیل شد، حذف می شوند.

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

متغیر های عمومی (Global) در JavaScript

Wiki

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

زمانی که یک صفحه وب را ببندید، متغیرهای عمومی حذف خواهند شد.

مقداردهی متغیرهای اعلان نشده

Wiki

اگر به متغیری که هنوز اعلان نشده مقداری را اختصاص دهید، آن متغیر به طور خودکار اعلان خواهد شد.

مثال:

x=5;
carname="Volvo";

اگر متغیبرهای x و carname پیش از این وجود نداشته باشند، به طور خودکار، به عنوان متغیرهای عمومی اعلان خواهند شد(البته اگر دستورات بالا خارج از توابع باشد)

محاسبات در JavaScript

Wiki

همانند جبر ، شما می توانید عملگرهای محاسباتی را با متغیرهای JavaScript به کار ببرید.

مثال (متغییرهای JavaScript)

y=5;
x=y+2;
خودتان امتحان کنید »

شما با انواع عملگرهای جاوا اسکریپت در فصل های بعدی بیشتر آشنا خواهید شد.
READ MORE
مثال های پایه در JavaScript

07 فروردين 1397

چند مثال پایه ای در JavaScript

چاپ یک متن با استفاده از JavaScript
تغییر محتوای عناصر HTML
یک فایل JavaScript خارجی

توضیح مثال

دستورات و توضیحات (Comments) در JavaScript

دستورات JavaScript
بلوک بندی دستورات در JavaScript
توضیحات یک خطی
توضیحات چند خطی
استفاده از توضیحات یک خطی برای جلوگیری از اجرا
استفاده از توضیحات چند خطی برای جلوگیری از اجرا

توضیح مثال

متغییرها در JavaScript

اعلان، مقدار دهی و نمایش یک متغییر

توضیح مثال

دستورات شرطی در JavaScript

دستور If
دستور If...else
ایجاد یک لینک تصادفی
دستور Switch

توضیح مثال

پنجره های Popup در JavaScript

پنجره پیغام (Alert)
یک پنجره پیغام، دو خطی
پنجره Confirm
پنجره Prompt

توضیح مثال

توابع در JavaScript

صدا زدن یک تابع
تابعی با یک پارامتر ورودی
تابعی با دو پارامتر ورودی
تابعی که یک مقدار را برمی گرداند
تابعی با چند پارامتر ورودی که یک مقدار را بر می گرداند

توضیح مثال

حلقه ها در JavaScript

حلقه For
حلقه ای برای چاپ تگ های <h1> تا <h6>
حلقه While
حلقه Do While
Break a loop
دستورات Break و continue
حلقه for...in

توضیح مثال

رویدادها در JavaScript

رویداد onclick
رویداد onmouseover

توضیح مثال

مدیریت خطاها در JavaScript

دستور try...catch
دستور try...catch همراه با یک پنجره confirm
رویداد onerror

توضیح مثال

چند مثال پیشرفته در JavaScript

ایجاد یک cookie برای خوش آمدگویی
دریافت یک پیغام بعد از چند ثانیه
تغییر محتوای یک TextBox در زمان های مختلف
نمایش ثانیه شمار در یک TextBox
نمایش ثانیه شمار در یک TextBox همراه با یک دکمه توقف
ایجاد یک ساعت دیجیتال
ایجاد مستقیم یک نمونه از یک شیء
ایجاد یک سازنده (Constructor)
READ MORE
مثال های مربوط به DOM

07 فروردين 1397

در مثال های زیر، JavaScriptبا استفاده از مدل DOM، می تواند به تمام عناصر صفحه HTML دسترسی داشته باشد.

شیء Document

()document.write - نوشتن یک متن در خروجی
()document.write - نوشتن تگ های HTML در خروجی
length - برگرداندن تعداد لینک های داخل صفحه
innerHTML - برگرداندن متن اولین لینک استفاده شده در صفحه
length - برگرداندن تعداد فرم های استفاده شده در یک صفحه
name - برگرداندن مقدار خصوصیت name فرم
length - برگرداندن تعداد عکس های استفاده شده در صفحه
id - برگرداندن id اولین عکس در صفحه
length - برگرداندن تعداد لینک های یک صفحه
id - برگرداندن id اولین لینک در صفحه
document.cookie - برگرداندن نام و مقدار کل Cookieی ها
domain - برگرداندن نام دامنه
lastModified - برگردان زمان آخرین باری که صفحه اصلاح شده
referrer - برگرداندن URL صفحه
title - برگرداندن عنوان صفحه
URL - برگرداندن کل URL صفحه
open - باز کردن یک صفحه جدید در فریم جاری و نوشتن متن داخل آن
open - باز کردن یک صفحه در پنجره جدید و نوشتن متن داخل آن
تفاوت بین write و writeln
innerHTML - نمایش محتوای یک عنصر با id مشخص
length - نمایش تعداد عناصری که name یکسانی دارند
length - نمایش تعداد یک tag خاص در صفحه

شیء Anchor (لینک)

charset - برگرداندن و یا تنظیم خصوصیت charset در یک لینک
href - برگرداندن مقدر خصوصیت href یک لینک
hreflang - برگرداندن و تنظیم خصوصیت hreflang
name - برگردان مقدار خصوصیت name یک لینک
rel - برگرداندن مقدار خصوصیت rel لینک
target - تغییر مقدار خصوصیت target لینک
type - برگرداندن مقدار خصوصیت type لینک

Area Object

alt - برگرداندن مقدار خصوصیت alt در تگ area
Return the coordinates of an area in an image-map
Return the anchor part of the href attribute of an area
Return the hostname:port for an area in an image-map
Return the hostname for an area in an image-map
Return the port for an area in an image-map
Return the href of an area in an image-map
Return the pathname for an area in an image-map
Return the protocol for an area in an image-map
Return the querystring part of the href attribute of an area
Return the shape of an area in an image-map
Return the value of the target attribute for an area in an image-map

More Area object examples in our JavaScript reference.

Base Object

Return the base URL for all relative URLs on a page
Return the base target for all links on a page

More Base object examples in our JavaScript reference.

شیء Button

disabled - غیرفعال کردن یک دکمه
name - برگرداندن خصوصیت name یک دکمه
type - برگرداندن خصوصیت type یک دکمه
value - برگرداندن متن نمایش داده شده روی یک دکمه
id - برگرداندن id فرمی که شامل یک دکمه است

شیء Form

value - برگرداندن مقادیر تنظیم شده عناصر داخل یک فرم
acceptCharset - برگرداندن مقدار خصوصیت accept-charset در یک فرم
action - برگرداندن مقدار خصوصیت action در یک فرم
enctype - برگرداندن مقدار خصوصیت enctype در یک فرم
length - برگرداندن تعداد عناصر داخل یک فرم
method - برگرداندن متد تنظیم شده در فرم برای ارسال اطلاعات به سرور
name - برگرداندن نام فرم
target - برگرداندن مقدار خصوصیت target در یک فرم
reset - خالی کردن و یا به حالت اول برگرداندن عناصر داخل فرم
submit - استفاده از یک دکمه معمولی برای ارسال فرم به سرور

شیء Frame/IFrame

align - ترازبندی یک iframe
backgroundColor - تغییر رنگ پس زمینه یک iframe
frameBorder - برگردان مقدار تنظیم شده برای خصوصیت frameborder
frameBorder - حذف لبه های یک iframe
height/width - تغییر عرض و ارتفاع یک iframe
longDesc - برگردان مقدار خصوصیت longdesc در یک iframe
marginHeight - برگردان مقدار خصوصیت marginheight در یک iframe
marginWidth - برگردان مقدار خصوصیت marginwidth در یک iframe
name - برگردان نام یک iframe
scrolling - برگردان و یا تنظیم خصوصیت scrolling در یک iframe
src - تغییر آدرس یک iframe

شیء Image

align - ترازبندی عکس...
alt - برگرداندن متن جایگزین یک عکس
border - اضافه کردن لبه به عکس
height/width - تغییر عرض و ارتفاع یک عکس
hspace/vspace - تنظیم فاصله افقی و عمودی عکس از عناصر مجاور
longDesc - برگرداندن مقدار خصوصیت longdesc یک عکس
lowsrc - ایجاد یک لینک برای نمایش یک عکس در حالت با کیفیت پایین تر
name - برگرداندن نام یک عکس
src - تغییر آدرس یک عکس
useMap - برگرداندن مقدار تنظیم شده برای خصوصیت usemap در یک عکس

شیء Event

onblur - زمانی که کاربر TextBox را ترک می کند، کاراکترهای داخل آن به حروف بزرگ تبدیل می شود
onchange - زمانی که محتوای TextBox تغییر داده شود...
onclick - زمانی که کاربر روی دکمه کلیک کند...
ondblclick - زمانی که کاربر روی متن دابل کلیک کند...
onerror - اگر زمان بارگذاری عکس، خطایی رخ دهد...
onfocus - زمانی که مکان نما روی TextBox قرار می گیرد...
onkeydown - قبل از رها کردن دکمه ی کیبورد...
onkeypress - قبل از رها کردن دکمه ی کیبورد...
onkeyup - بعد از رها کردن دکمه ی کیبورد...
onload - بلافاصله بعد از اینکه صفحه بارگذاری شد...
onload - بلافاصله بعد از اینکه عکس بارگذاری شد...
onmousedown + onmouseup - قبل از رها کردن کلیک موس/بعد از رها کردن کلیک موس...
onmousedown - قبل از رها کردن یکی از دکمه های موس، متوجه شوید کدام یک از دکمه های موس را کلیک کرده اید...
onmousedown - قبل از رها کردن کلیک موس، متوجه شوید که روی کدام عنصر کلیک کرده اید...
onmousemove + onmouseout - با حرکت موس، مختصات X و Y ظاهر می شود...
onmouseover + onmouseout - با قرار گرفتن و خروج موس از روی تصویر...
onresize - با تغییر اندازه پنجره مرورگر...
onselect - بعد از انتخاب متن داخل TextBox، پیغامی ظاهر می شود...
onunload - قبل از اینکه پنجره مرورگر بسته شود...
onkeyup - بعد از رها کردن یکی از کلیدهای کیبورد، شماره آن کلید، نمایش داده می شود....
onmousedown - بعد از فشردن کلیک موس، مختصات اشاره گر نسبت به Frame، نمایش داده می شود...
onmousedown - بعد از فشردن کلیک موس، مختصات اشاره گر نسبت به صفحه مونیتور نمایش داده می شود...
onmousedown - اگر همزمان با فشردن کلیک موس، دکمه Shift نیز فشرده شده باشد...
onmousedown - با فشردن کلیک موس، نوع رویداد که همان onmousedown است نمایش داده می شود...

شیء Option و Select

disabled - فعال و غیرفعال کردن Dropdown List
id - برگرداندن شناسه (ID) فرمی که شامل یک Dropdown List است
length - برگرداندن تعداد گزینه های یک Dropdown List
size - تبدیل Dropdown List به MultiLine List
multiple - فعال و غیر فعال کردن حالت چند انتخابه در MultiLine List
options - نمایش همه ی گزینه های یک Dropdown List در یک پنجره Alert
selectedIndex - نمایش شماره (Index) گزینه انتخاب شده در یک Dropdown List
text - تغییر متن گزینه انتخاب شده در یک Dropdown List
remove - حذف گزینه انتخاب شده در یک Dropdown List

شیء Table

border - تغییر ضخامت لبه های بیرونی یک جدول
cellSpacing - تنظیم فاصله محتوای سلول ها از لبه - cellPadding و فاصله سلول ها با یکدیگر
frame - تنظیم اینکه کدام یک از لبه های بیرونی جدول نمایش داده شود
rules - تنظیم اینکه کدام یک از لبه های داخلی جدول نمایش داده شود
innerHTML - نمایش محتوای ردیف اول یک جدول در یک پنجره
innerHTML - نمایش محتوای یک سلول از جدول
()createCaption - ایجاد - Caption برای یک جدول
()deleteRow - حذف یک ردیف از جدول
()insertRow - اضافه کردن ردیف به یک جدول
()insertCell - اضافه کردن سلول به یک ردیف از جدول
align - میزان کردن محتوای سلول های یک ردیف بصورت افقی
vAlign - میزان کردن محتوای سلول های یک ردیف بصورت عمودی
align - میزان کردن محتوای یک سلول مشخص به صورت افقی
vAlign - میزان کردن محتوای یک سلول مشخص به صورت عمودی
innerHTML - تغییر محتوای یک سلول
colSpan - ادغام کردن سلول های یک ردیف
READ MORE
مثال های مربوط به اشیاء

07 فروردين 1397

در JavaScriptچندین شیء توکار (built-in) مانند: رشته، تاریخ، آرایه و... وجود دارد. در زیر مثال هایی از چگونگی استفاده از آنها آمده است.

شیء String

پیدا کردن طول یک رشته
در این مثال، متد ()indexOf، اولین مکان رخداد رشته "welcome" را در شیء str، برمی گرداند
در این مثال، اگر پارامتر ورودی متد ()match، در شیء str یافت شد، مقدار یافت شده را برمی گرداند وگرنه مقدار null را برمی گرداند
در این مثال، متد ()replace، مقدار پارامتر "Microsoft" را در شیء str جستجو می کند و تمام آنها را با مقدار "Beyamooz.com" جایگزین می کند

توضیح مثال

شیء Date

چگونه از متد ()Date برای چاپ کردن تاریخ جاری استفاده کنیم
برگرداندن تعداد میلی ثانیه های گذشته از تاریخ 01/01/1970 تا امروز
چگونه از متد ()setFullYear برای تنظیم یک تاریخ دلخواه استفاده کنیم
چگونه با استفاده از متد ()toUTCString تاریخ جاری را به یک رشته تبدیل کنیم (بر طبق UTC)
چگونه با استفاده از متد ()getDay و یک آرایه، روز جاری را چاپ کنیم
نمایش یک ساعت

توضیح مثال

شیء Array

اتصال دو آرایه - concat()
اتصال سه آرایه - concat()
تمام عناصر آرایه در یک متغییر - join()
حذف آخرین عنصر آرایه - pop()
اضافه کردن یک عنصر جدید به انتهای آرایه - push()
معکوس کردن ترتیب عناصر آرایه - reverse()
حذف اولین عنصر آرایه - shift()
برش و انتخاب یک قسمت از آرایه - slice()
مرتب کردن آرایه بر اساس حروف الفبا و صعودی - sort()
مرتب کردن آریه عددی و صعودی - sort()
مرتب کردن آرایه عددی و نزولی - sort()
اضافه کردن یک عنصر جدید در مکان 2 یک آرایه - splice()
تبدیل یک آرایه به یک رشته - toString()
اضافه کردن یک عنصر جدید به ابتدای یک آرایه - unshift()

توضیح مثال

شیء Boolean

به ازای چه مقادیری شیء Boolean با true یا false تنظیم می شود

توضیح مثال

شیء Math

چگونه از تابع ()round برای گرد کردن اعداد استفاده کنیم
چگونه از تابع ()random برای برگرداندن یک عدد بین 0 و 1 استفاده کینم
برگداندن بزرگترین عدد
برگرداندن کوچکترین عدد
تبدیل سلسیوس به فارنهایت

توضیح مثال
READ MORE
مثال های مربوط به مرورگر

07 فروردين 1397

مدل BOM یا (Browser Object Model) به JavaScriptاین اجازه را می دهد تا با مرورگر صحبت کند. در زیر مثال هایی در این باره آورده شده است.

شیء Window

نمایش یک پنجره Alert
نمایش یک پنجره Alert دو خطی
نمایش یک پنجره Confirm و مشخص کردن کلیک کاربر
نمایش یک پنجره Prompt
ایجاد یک پنجره pop-up
باز کردن یک پنجره جدید با کلیک روی یک دکمه
باز کردن یک پنجره جدید و کنترل ظاهر آن
باز کردن چندین پنجره جدید
باز کردن یک پنجره جدید و قرار دادن آن در زیر پنجره های موجود دیگر (blur)
باز کردن یک پنجره جدید بر روی پنجره های موجود دیگر (focus)
بستن یک پنجره
چک کردن اینکه پنجره جدید، بسته شده است یا خیر
برگرداندن نام پنجره
نوشتن یک متن در والد یک پنجره
حرکت پنجره، نسبت به مکان جاریش
حرکت پنجره، به یک مکان مشخص
پرینت صفحه جاری
تغییر اندازه یک پنجره (Pixel)
باز کردن یک پنجره جدید و تغییر اندازه آن به یک اندازه مشخص
Scroll کردن پنجره، نسبت به موقعیت فعلی
Scroll کردن پنجره، به یک مکان مشخص

توضیح مثال

شیء Timing

یک مثال ساده
یک ثانیه شمار، با دکمه های "Start" و "Stop" با استفاده از متدهای ()setTimeout و ()clearTimeout
یک ساعت دیجیتال با دکمه "Stop" با استفاده از متدهای ()setInterval و ()clearInterval

توضیح مثال

شیء Navigator

همه اطلاعات مربوط به مرورگر بازدید کننده

توضیح مثال

شیء Screen

همه اطلاعات مربوط به مونیتور بازدید کننده

توضیح مثال

شیء History

برگرداندن تعداد صفحات بازدید شده با توجه به لیست تاریخچه
ایجاد کلید back در یک صفحه
ایجاد کلید forward در یک صفحه
بارگذاری یک URL مشخص از لیست تاریخچه مرورگر

توضیح مثال

شیء Location

برگرداندن hostname و port صفحه جاری
برگرداندن URL کامل صفحه جاری
برگرداندن مسیر صفحه جاری روی سرور
برگرداندن Protocol استفاده شده در صفحه جاری
بارگذاری یک صفحه جدید
بارگذاری مجدد صفحه جاری
جایگزین کردن صفحه جاری با یک صفحه جدید
خارج شدن از یک frame

توضیح مثال
READ MORE
محاسبات ریاضی در JavaScript

07 فروردين 1397

شیء Math، برای محاسبات ریاضی استفاده می شود.

مثال - خودتان امتحان کنید

Wiki

()round
چگونه از تابع ()round برای گرد کردن اعداد استفاده کنیم.

()random
چگونه از تابع ()random برای برگرداندن یک عدد بین 0 و 1 استفاده کینم.

()max
برگداندن بزرگترین عدد

()min
برگرداندن کوچکترین عدد

شیء Math

Wiki

شیء Math، برای محاصبات ریاضی استفاده می شود.

شیء Math شامل چندین خصوصیت و متد برای محاصبات ریاضی است.

نحوه استفاده از خصوصیت ها و متدهای شیء Math

var x=Math.PI;
var y=Math.sqrt(16);

توجه:Math یک سازنده (constructor) نیست. تمام خصوصیت ها و متدهای شیء Math را می توانید بدون ایجاد آن، صدا بزنید.

خصوصیت های شیء Math

Wiki

JavaScript هشت خصوصیت برای شیء Math فراهم نموده است:
1. E
2. PI
3. square root of 2
4. square root of 1/2
5. natural log of 2
6. natural log of 10
7. base-2 log of E
8. base-10 log of E
نحوه استفاده:

Math.E
Math.PI
Math.SQRT2
Math.SQRT1_2
Math.LN2
Math.LN10
Math.LOG2E
Math.LOG10E

متد های شیء Math

Wiki

علاوه بر خصوصیت هایی که برای شیء Math در دسترس است، چندین متد نیز برای آن وجود دارد.

در مثال زیر، از متد ()round برای گرد کردن عدد "4.7" به نزدیک ترین عدد صحیح استفاده شده است:

document.write(Math.round(4.7));

خروجی کد بالا:

5

در مثال زیر، از متد ()random برای برگرداندن یک عدد، بین 0 و 1 استفاده شده است:

document.write(Math.random());

خروجی کد بالا:

0.6982122087815306

در مثال زیر، از متد()floor و ()random برای برگرداندن یک عدد صحیح بین 0 و 10 استفاده شده است:

document.write(Math.floor(Math.random()*11));

خروجی کد بالا:

6

مرجع کامل شیء Math

برای مشاهده یک مرجع کامل از خصوصیت ها (Property) و متدهای (Method) مربوط به شیء Math، به لینک زیر مراجعه نمایید:

complete Math object reference
READ MORE
محل قرارگیری کدهای JavaScript

07 فروردين 1397

محل قرارگیری کدهای JavaScript

Wiki

کدهای JavaScript در صفحه HTML باید بین تگهای <script> و <script/> قرار داده شود.

کدهای JavaScript را می توان در بدنه صفحه HTML (بین تگهای باز و بسته <body> و <body/>) و یا در قسمت <head> صفحه قرار داد.

تگ <script>

Wiki

از تگ <script>، برای وارد کردن کدهای JavaScript در صفحه HTML استفاده می شود.

تگهای باز و بسته <script> و <script/> می گوید، کدهای JavaScript کجا شروع و کجا پایان یافته است.

خطوط بین <script> و <script/> شامل کدهای JavaScript است:

<script>
alert("My First JavaScript");
</script>

مرورگر، کد JavaScript بین <script> و <script/> را ترجمه و اجرا می کند.

توجه:بدون تگ های باز و بسته <script> و <script/> ، مرورگر با دستورات بین آنها مانند یک متن معمولی برخورد می کند و آنها را عیناً در صفحه HTML نمایش می دهد. (خودتان امتحان کنید)

توجه: ممکن است برای تگ <script> خصوصیت type را تنظیم کنیم ("text/javascript"). نیاز به انجام این کار نیست، چون در تمام مرورگرها و در HTML5 زبان اسکریپت پیشفرض، JavaScript است.

کدهای JavaScript در بدنه صفحه HTML

Wiki

در مثال زیر، هنگام بارگذاری صفحه یا (onload)،خروجی HTML در قسمت <body> چاپ می شود:

مثال (محل قرارگیری کدهای JavaScript)

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
خودتان امتحان کنید »

همچنین در مثال زیر، تاریخ جاری سیستم، هنگام بارگذاری صفحه، داخل عنصر با شناسه "demo" نوشته می شود:

مثال (محل قرارگیری کدهای JavaScript)

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph.</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
خودتان امتحان کنید »

توجه: برای اطمینان بیشتر، کد JavaScript در پایین صفحه HTML قرار داده شده است (نباید قبل از ایجاد عنصر <p> کدمان اجرا شود)

توابع و رویدادها در JavaScript

Wiki

کدهای JavaScript در صفحه HTML، زمانی که صفحه بارگذاری شود (onload) اجرا خواهند شد. اما این چیزی نیست که ما همیشه نیاز داریم.

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

رویدادها در حالت عادی با توابع ترکیب می شوند، مانند صدا زدن یک تابع هنگامی که رویداد رخ می دهد.

در آموزش های بعدی درباره توابع و رویدادهای JavaScript بیشتر خواهید آموخت.

اسکریبت ها در دو قسمت <body> و <head>

Wiki

می توان به صورت نامحدود، هر تعداد خط اسکریبت را در صفحه HTML قرار داد، و همچنین می توانید اسکریبت ها را همزمان در دو قسمت <body> و <head> بیاورید.

در حالت کلی، تمام توابع را در قسمت <head> صفحه و یا در پایین صفحه قرار می گیرد. این روش باعث می شود که تداخلی با محتویات صفحه پیش نیاید.

کدهای JavaScript در قسمت <head>

Wiki

در مثال زیر، زمانی که روی دکمه کلیک شود یا به عبارتی رویداد onclick عنصر مورد نظر رخ دهد، تابع ()displayDate صدا زده می شود:

مثال (محل قرارگیری کدهای JavaScript)

<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
خودتان امتحان کنید »

همچنین در مثال ساده زیر، هنگامی که روی دکمه "Try it" کلیک شود، محتوای عنصر با شناسه "demo" تغییر می کند:

مثال (محل قرارگیری کدهای JavaScript)

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
خودتان امتحان کنید »

یک تابع JavaScript در قسمت <body>

Wiki

در این مثال، تابع "myFunction" در انتهای <body> قرار داده شده است و وقتی کاربر روی دکمه "Try it" کلیک کند، myFunction صدا زده می شود:

مثال (محل قرارگیری کدهای JavaScript)

<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
</html>
خودتان امتحان کنید »

استفاده از یک فایل JavaScript خارجی

Wiki

کدهای JavaScript را همچنین می توان در یک فایل خارجی قرار داد.

فایل های خارجی JavaScript اغلب شامل کدهایی است که در چندین صفحه HTML مختلف استفاده می شود.

این فایل ها را باید با فرمت "js." ذخیره نمود.

توجه: اسکریبت خارجی نمی تواند شامل تگ های باز و بسته <script> و <script/> باشد.

برای استفاه از یک فایل اسکریبت خارجی در صفحه HTML، باید خصوصیت "src" تگ <script> را با آدرس فایل، تنظیم کنید:

مثال (محل قرارگیری کدهای JavaScript)

<!DOCTYPE html>
<html>
<body>
<script src="/myScript.js"></script>
</body>
</html>
خودتان امتحان کنید »
READ MORE
مدیریت خطاها در JavaScript

07 فروردين 1397

دستور try، به شما اجازه می دهد تا، خطاهای یک بلاک از دستورات را تست کنید.

دستور catch، خطاهای اتفاق افتاده در قسمت try را بررسی می کند.

دستور throw، به شما اجازه می دهد تا خطاهای سفارشی ایجاد کنید.

دلیل اتفاقِ خطاها!

Wiki

زمانی که موتور JavaScriptکدها را اجرا می کند، ممکن است خطاهای زیر اتفاق بیافتد:
1. خطای املای دستورات (syntax error)، که معمولاً توسط برنامه نویس اتفاق می افتد.
2. خطای گم شدگی خصوصیت (missing feature)، که ممکن است بخاطر تفاوت های بین مرورگرها و یا خطای املایی باشد.
3. خطای ورودی اشتباه (wrong input)، که می تواند توسط یک کاربر باشد.
و البته این خطاها می تواند چیزهای غیرقابل پیشبینی دیگری نیز باشد.

پرتاب خطا (Throw Error)

Wiki

زمانی که خطایی اتفاق می افتد، به طور معمول، اجرای دستورات متوقف شده و یک پیغام خطا تولید می شود.

اصطلاح تکنیکی برای این عمل، عبارت throw است (به معنی پرتاب کردن، به اصطلاح یک پیغام خطا به سمت catch پرتاب می شود)

try و catch در JavaScript

Wiki

عبارت try، به شما اجازه می دهد تا، خطاهای یک بلاک از دستورات را تست کنید.

اگر خطایی در قسمت try اتفاق بیافتد، دستورات تعریف شده در قسمت catch اجرا می شوند. (catch به معنی گرفتن، به اصطلاح خطاهای پرتاب شده از قسمت try در قسمت catch گرفته می شوند)

try و catch ها همیشه جفت جفت می آیند.

نحوه استفاده

try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}

مثال

در مثال زیر، در قسمت try، عمداً یک خطای املایی ایجاد کرده ایم.

قسمت catch خطایی که در try اتفاق افتاده را می گیرد و پیغام مناسب را چاپ می کند:

مثال (مدیریت خطاها در JavaScript)

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()">
</body>

</html>
خودتان امتحان کنید »

دستور throw

Wiki

دستور throw، به شما اجازه می دهد تا خطاهای سفارشی ایجاد کنید.

اصطلاح تکنیکی صحیح برای ایجاد خطا: عبارت "throw an exception" است.

دستور throw باید همراه try و catch استفاده شود.

نحوه استفاده

throw exception

exception می تواند یک رشته، یک عدد، یک داده Boolean و یا یک Object باشد.

مثال

این مثال، مقدار ورودی متغیر را تست می کند. اگر مقدار اشتباه باشد، یک خطا (exception) به سمت catch پرتاب (throw) می شود. قسمت catch خطا را می گیرد و پیغام مناسب را چاپ می کند.

مثال (مدیریت خطاها در JavaScript)

<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="")    throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10)     throw "too high";
if(x<5)      throw "too low";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script>

<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
خودتان امتحان کنید »

توجه داشته باشید که در مثال بالا اگر در تابع getElementById مشکلی رخ دهد، خطای مناسب با آن پرتاب (throw) خواهد شد.
READ MORE
واکشی اطلاعات فایل xml با ajax

10 مهر 1397

با استفاده از AJAX، می توانید با یک فایل XML، ارتباط متقابل داشته باشید.

واکشی اطلاعات از یک فایل XML با استفاده از AJAX

Wiki

در مثال زیر، نحوه واکشی اطلاعات از یک فایل XML، با استفاده از AJAX نشان داده شده است:

مثال (واکشی اطلاعات فایل xml با ajax)

اطلاعات گزینه انتخاب شده، اینجا نمایش داده می شود

توضیح مثال - صفحه HTML

Wiki

زمانی که کاربر، یکی از آیتم های لیست کشویی بالا را انتخب می کند، تابع "()showCD" فراخوانی و اجرا می شود. این تابع توسط رویداد "onchange" راه اندازی می شود:

<html>
<head>
<script>
function showCD(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","getcd.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="">Select a CD:</option>
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>
<div id="txtHint"><b>اطلاعات گزینه انتخاب شده، اینجا نمایش داده می شود</b></div>

</body>
</html>

تابع ()showCD کارهای زیر را انجام می دهد:
- چک می کند که یک گزینه انتخاب شده باشد. (اگر گزینه ای انتخاب نشده باشد، محتوی عنصر با شناسه "txtHint" خالی می شود)
- یک شیء XMLHttpRequest ایجاد می شود.
- زمانی که پاسخ سرور، آماده شده باشد یک تابع ایجاد و اجرا می شود. (وظیفه این تابع این است که پاسخ دریافت شده از سرور را در عنصر با شناسه "txtHint" قرار دهد)
- درخواست یک فایل به سرور ارسال می شود.
- توجه داشته باشید که یک پارامتر (q) به URL اضافه شده است (با محتوای گزینه انتخاب شده)
توضیح مثال - فایل PHP

Wiki

فایلی که توسط کد JavaScript بالا صدا زده می شود یک فایل PHP بنام "getcd.php" است.

در فایل "getcd.php"، یک سند XML بنام "cd_catalog.xml" بارگذاری می شود. در این فایل یک جستجو انجام شده و نتیجه بصورت HTML برگردانده می شود.

<?php
$q=$_GET["q"];

$xmlDoc = new DOMDocument();
$xmlDoc->load("cd_catalog.xml");

$x=$xmlDoc->getElementsByTagName('ARTIST');

for ($i=0; $i<=($x->length-1); $i++)
{
//Process only element nodes
if ($x->item($i)->nodeType==1)
  {
  if ($x->item($i)->childNodes->item(0)->nodeValue == $q)
    {
    $y=($x->item($i)->parentNode);
    }
  }
}

$cd=($y->childNodes);

for ($i=0;$i<$cd->length;$i++)
{
//Process only element nodes
if ($cd->item($i)->nodeType==1)
  {
echo("<b>" . $cd->item($i)->nodeName . ":</b> ");
  echo($cd->item($i)->childNodes->item(0)->nodeValue);
  echo("<br>");
  }
}
?>

توضیح: زمانی که درخواست از JavaScript به فایل PHP ارسال می شود، کارهای زیر اتفاق می افتد:
1. یک شیء XML DOM ایجاد می شود.
2. تمام عناصر <artist> که با نام ارسال شده از JavaScript تطابق داشته باشند، پیدا می شود.
3. یک خروجی مناسب چاپ می شود و در نهاییت در عنصر با شناسه "txtHint" قرار می گیرد.
برای مشاهده فیلم ها و آموزش های پروژه محور برنامه نویسی PHP کلیک کنید.
READ MORE

صفحه2 از2

JavaScript

شیء Boolean در JavaScript

تابع ()Boolean

مثال (کلیه متدهای شیء Boolean)

مثال (کلیه متدهای شیء Boolean)

خصوصیت های شیء Boolean

متدهای شیء Boolean

شیء Date

خصوصیات شیء Date

متدهای شیء Date

شیء Math در JavaScript

نحوه استفاده

تمام خصوصیت های شیء Math

تمام متدهای شیء Math

شیء RegExp در JavaScript - عبارات منظم در JavaScript

نحوه استفاده

مثال:

Modifiers

Brackets

Metacharacters

Quantifiers

RegExp Object Properties

RegExp Object Methods

مثال (متغییرهای JavaScript)

آیا جبر را از زمان مدرسه به یاد دارید؟

متغیرهای JavaScript

انواع داده در JavaScript

مثال (متغییرهای JavaScript)

اعلان (ایجاد) متغیرهای JavaScript

تعریف چندین متغیر، در یک دستور

Value = undefined

متغیر های محلی (LOCAL) در JavaScript

متغیر های عمومی (Global) در JavaScript

مقداردهی متغیرهای اعلان نشده

محاسبات در JavaScript

مثال (متغییرهای JavaScript)

چند مثال پایه ای در JavaScript

دستورات و توضیحات (Comments) در JavaScript

متغییرها در JavaScript

دستورات شرطی در JavaScript

پنجره های Popup در JavaScript

توابع در JavaScript

حلقه ها در JavaScript

رویدادها در JavaScript

مدیریت خطاها در JavaScript

چند مثال پیشرفته در JavaScript

شیء Document

شیء Anchor (لینک)

Area Object

Base Object

شیء Button

شیء Form

شیء Frame/IFrame

شیء Image

شیء Event

شیء Option و Select

شیء Table

شیء String

شیء Date

شیء Array

شیء Boolean

شیء Math

شیء Window

شیء Timing

شیء Navigator

شیء Screen

شیء History

شیء Location

مثال - خودتان امتحان کنید

شیء Math

خصوصیت های شیء Math

متد های شیء Math

مرجع کامل شیء Math

محل قرارگیری کدهای JavaScript

تگ <script>

کدهای JavaScript در بدنه صفحه HTML

مثال (محل قرارگیری کدهای JavaScript)

مثال (محل قرارگیری کدهای JavaScript)

توابع و رویدادها در JavaScript

اسکریبت ها در دو قسمت <body> و <head>