0
عضویت / ورود
شنبه، 1 دی 1403 ( جهش تولید با مشارکت مردم )

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

 
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

آموزش گام به گام جاوا اسکریپت - عبارت For ... in در جاوا اسكريپت

اين عبارت در ميان عناصر يك آرايه يا در ميان خواص يك شي حلقه ايجاد مي كند .

Syntax

for (variable in object)
  {
  code to be executed
  }

توجه: كدي كه در بدنه ي for … in  باشد حلقه را براي هر عنصز يا شي فقط يك بار اجرا مي كند .

توجه: آرگومانها مي توانند به عنوان يك متغيير نامگذاري شوند ، يك عنصز آرايه يا يك مشخصه ي شي .

مثال:

استفاده از عبارت For … In  براي ايجاد حلقه در ميان يك آرايه :

<html>
<body>

<script type="text/javascript">
var x;
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

for (x in mycars)
  {
  document.write(mycars[x] + "<br />");
  }
</script>

</body>
</html>
سه شنبه 30 آبان 1391  9:10 AM
تشکرات از این پست
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

آموزش گام به گام جاوا اسکریپت - event ها در جاوا اسكريپت

وقايع جاوا اسكريپت

Event  ها وقايعي هستند كه توسط جاوا اسكريپت مي توانند نمايش داده شوند .
Events

با استفاده از جاوا اسكريپت ، ما توانايي ساختن صفحات متحرك و پويا را داريم . اين   event  ها توسط جاوا اسكريپت مي توانند نشان داده شوند.

هر عنصر در صفحه وب هر اتفاق معيني كه مي تواند توسط جاوا اسكريپت راه اندازي شود را دارد.براي مثال ما مي توانيم از  event  ، OnClick  يك عنصر دكمه كه نشان مي دهد يك تابع زماني كه يك كاربر بر روي دكمه كليك كند ؛ اجرا مي شود .

مثالي از event  ها:

-          با كليك موس

-          زماني كه يك صفحه يا يك عكس بارگذاري مي شود

-          موس بر روي يك نقطه خاص بر روي صفحه برود

-          انتخاب كردن يك فيلد ورودي در فرم HTML

-          فرستادن يك فرم HTML

-          يك بار كليك كردن

توجه: معمولا  event  ها در تركيب با توابع استفاده مي شوند و يك تابع قبل از آنكه  event  اي اتفاق بيفتد اجرا نمي شود .
Onload , onunload  :

Event ، onload , onunload  زماني كه كاربر وارد صفحه مي شود و يا از آن خارج مي شود راه اندازي مي شود. Event ، onload  معمولا براي چك كردن نوع مرورگر بيننده و نسخه مرورگر و يك نسخه مناسب از صفحه وب مبني بر اطلاعات را بارگذاري مي كند.

هر دو  event  معمولا براي رسيدگي كردن به كوكي ها كه بايد موقعي كه كاربر وارد صفحه مي شود و يا آنرا ترك مي كند گذارده شده باشد ، استفاده مي شود.براي مثال شما مي توانيد يك صفحه جهنده براي درخواست نام كاربر به محض اولين ورود به صفحه داشته باشيد . اسم مورد نظر در داخل كوكي ذخيره مي شود . دفعه ي بيد كه بيننده وارد صفحه ي شما مي شود شما مي توانيد يك گفته ي جديد مانند اين را داشته باشيد:

"Welcome Jone Doe!"
onFocus, onBlur , onChange:

اين سه event  هايي هستند كه براي تركيب با اعتبارسنجي بين فيلدهاي فرم استفاده مي شوند .

مثال زير چگونگي استفاده از  event ، onchange  آورده شده ؛تابع checkEmail()  زماني كه كاربر مقدار فيلد را تغيير مي دهد ، فراخواني مي شود.

<input type="text" size="30" id="email" onchange="checkEmail()">

 
Onsubmit:

Event ، submit  همه ي فيلدها را قبل از فرستادنشان اعتبارسنجي مي كند .

در مثال زير چگونگي استفاده از اين  event  آورده شده. تابع checkForm()  زماني كه كاربر دكمه اي از فرم را فشار مي دهد فراخواني مي شود .اگر مقدار فيلد مورد قبول نباشد ، ارسال صفحه متوقف مي شود .تابع  checkForm()  مقدار  True و يا False  را بر مي گرداند..اگر مقدار True  برگرداند صفحه ارسال مي شود در غير اين صورت ارسال صفحه  cancel  مي شود.
onMouseOver and onMouseOut:

ايندو براي ايجاد صفحات جنبنده  استفاده مي شود.

در مثال زير event ، onMouseOver  اورده شده است . يك جعبه ي هشدار زمان نشان دادن اين Event  ظاهر مي شود .

<a href="http://www.webfocus.ir" onmouseover="alert('An onMouseOver event');return false">
<img src="webfocus.gif" alt="Webfocus" /></a>
سه شنبه 30 آبان 1391  9:13 AM
تشکرات از این پست
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

آموزش گام به گام جاوا اسکریپت - عبارت try ... catch جاوا اسكريپت

عبارت Try … Catch  جاوا اسكريپت:

عبارت Try … Catch  به شما نشان مي دهد كه يك بلاك از كد را براي خطا چك كند .
خطاهاي فريبنده ي جاوا اسكريپت

زماني كه يك صفحه ي وب در اينترنت باز مي شود ما يك جعبه ي هشدار جاوا اسكريپت را ديده ايم كه به ما مي گويد كه يك خطاي زمان اجرا وجود دارد و مي گويد : آيا دوست داريد اشكال زدايي شود؟ پيغام خطايي مانند اين ممكن است براي توسعه دهندگان مفيد باشد اما نه براي كاربران . زماني كه كاربر خطاها را مي بيند معمولا صفحه ي وب را ترك مي كند.

اين بخش به شما آموزش ميدهد كه چگونه پيغامهاي خطاي جاوا اسكريپت را متوجه شويد و اداره كنيد.
عبارت  Try … Catch

عبارت Try … Catch  به شما اجازه مي دهد كه يك بلاك از كد جاوا اسكريپت را براي خطا چك كنيد . بلاك Try  شامل كدهايي براي اجراست و بلاك  Catch  شامل كدهايي است كه اگر خطايي رخ دهد اجرا مي شود.

Syntax

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

توجه : اين Try … Catch  با حروف كوچك نوشته مي شود . استفاده از حروف بزرگ براي نوشتن آن موجب ايجاد خطا ي جاوا اسكريپت مي شود.

مثال 1 :

در مثال زير فرض شده كه زماني كه كاربر بر روي دكمه كليك كند پيغام "  Welcome guest! "   ظاهر مي شود .هرچند در اينجا در تابع  message()  غلط املايي وجود دارد . alert()  با املاي غلط به كار بردن()   adddlert است . يك خطاي جاوا اسكريپت رخ داده است. بلاك Catch  دچار يك خطا شده است و يك كد عادي براي اداره  ي آن اجرا مي كند . اين كد نشان مي دهد كه يك پيغام خطاي عادي به كاربر مي گويد كه چه كاري انجام دهد .
Example

<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {

مثال 2 :

مثال بعدي از يك جعبه ي تاييد براي نشان دادن يك پيغام عادي كه به كاربران مي گويد كه آنها مي توانند بر روي  ok  كليك كنند و به ديدن صفحه ادامه بدهند و يا بر روي Cancel  كليك كنند و به صفحه ي  homepage  بروند؛ استفاده مي كند .اگر روش تاييد مقدار false  برگرداند ، كاربر بر روي cancel  كليك كرده و كد كاربر را دوباره هدايت مي كند .اگر روش تاييد مقدار true  برگرداند كدها كار خاصي انجام مي دهد .
Example

<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Click OK to continue viewing this page,\n";
  txt+="or Cancel to return to the home page.\n\n";
  if(!confirm(txt))
    {
    document.location.href="http://www.w3schools.com/";
    }
  }
}
</script>
</head>

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

</html>

عبارت  throw

عبارت throw  مي تواند همراه با try … catch  بزاي ايجاد يك حالت خاص براي خطا استفاده مي شود . درباره ي عبارت throw  در فصل بعد ياد خواهيم گرفت .
سه شنبه 30 آبان 1391  9:15 AM
تشکرات از این پست
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

آموزش گام به گام جاوا اسکریپت - كاراكترهاي مخصوص در جاوا اسكريپت

كاراكترهاي مخصوص در جاوا اسكريپت (JavaScript Special Characters )

در جاوا اسكريپت شما مي توانيد يك كاراكتر خاص را به يك رشته متني بوسيله ي يك " بك اسلش " (\) اضافه كنيد .

وارد كردن كاراكتر خاص

بك اسلش براي اضافه كردن آپوستروف، خط جديد، كوتيشن و كاراكترهاي خاص ديگري داخل يك رشته متني استفاده مي شود.

به كد جاوا اسكريپت زير نگاه كنيد

var txt="We are the so-called "Vikings" from the north."; document.write(txt);

در جاوااسكريپت، يك رشته با يك يا دو كوتيشن شروع و خاتمه مي يابد .اين به اين معني است كه رشته بالا به اين صورت جدا مي شود‌ : We are the so-called

براي حل اين مشكل، شما بايد يك علامت بك اسلش(\) را قبل از هر دابل كوتيشن در عبارت " vikings" قرار دهيد . اين كار باعث مي شود هر دابل كوتيشن به لفظ رشته تبديل شود.

var txt="We are the so-called \"Vikings\" from the north."; document.write(txt);

حالا جاوا اسكريپت خروجي مربوط به متن را اينگونه نمايش مي دهد :      We are the so-called “Vikings” from the north.

حالا يك مثال ديگر :

document.write ("You \& I are singing!");

مثال بالا اين خروجي را توليد مي كند :  

   You & I are singing!

در جدول زير تعدادي ديگر از كاراكترهايي كه مي شود به رشته متني با علامت بك اسلش اضافه كرد آورده شده است :

Code

Outputs

\'

single quote

\"

double quote

\&

ampersand

\\

backslash

\n

new line

\r

carriage return

\t

tab

\b

backspace

\f

form feed

 
سه شنبه 30 آبان 1391  9:17 AM
تشکرات از این پست
catcat
catcat
کاربر طلایی1
تاریخ عضویت : شهریور 1391 
تعداد پست ها : 6699
محل سکونت : رنگین کمان

پاسخ به:آموزش گام به گام جاوا اسکریپت

---------     این کد ها ،کجا باید نوشته شود؟

 --------    برنامه  جاوا اسکریپت  میتونیم  برای ساختن پروژه ازش استفاده کنیم ؟
سه شنبه 22 دی 1394  6:26 PM
تشکرات از این پست
hosseinb68
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

پاسخ به:آموزش گام به گام جاوا اسکریپت


نقل قول catcat

---------     این کد ها ،کجا باید نوشته شود؟

 --------    برنامه  جاوا اسکریپت  میتونیم  برای ساختن پروژه ازش استفاده کنیم ؟


با سلام و احترام خدمت شما

 

کدام کدها ، کجا باید نوشته شود؟؟

بله از جاوا اسکریپت میتوانید در ساختن پروژه های مربوط به طراحی وب ( asp,php و html )، استفاده کنید

موفق باشید
چهارشنبه 23 دی 1394  1:16 PM
تشکرات از این پست
catcat
catcat
کاربر طلایی1
تاریخ عضویت : شهریور 1391 
تعداد پست ها : 6699
محل سکونت : رنگین کمان

پاسخ به:آموزش گام به گام جاوا اسکریپت


نقل قول hosseinb68

نقل قول catcat

---------     این کد ها ،کجا باید نوشته شود؟

 --------    برنامه  جاوا اسکریپت  میتونیم  برای ساختن پروژه ازش استفاده کنیم ؟


با سلام و احترام خدمت شما

 

کدام کدها ، کجا باید نوشته شود؟؟

بله از جاوا اسکریپت میتوانید در ساختن پروژه های مربوط به طراحی وب ( asp,php و html )، استفاده کنید

موفق باشید

با عرض سلام

 منظورم کدی ک تو برنامه دستور بهش میدی ینی اسم برنامه چیه و نحوه ی کار آن...

 
شنبه 26 دی 1394  10:40 AM
تشکرات از این پست
catcat
catcat
کاربر طلایی1
تاریخ عضویت : شهریور 1391 
تعداد پست ها : 6699
محل سکونت : رنگین کمان

پاسخ به:آموزش گام به گام جاوا اسکریپت

میخوام یه برنامه ایی تعیین کنی ک ایجاد پروژ کتب دانشگاهی  و پایان نامه رو داره ...؟
شنبه 26 دی 1394  10:43 AM
تشکرات از این پست
hosseinb68
hosseinb68
hosseinb68
کاربر طلایی1
تاریخ عضویت : بهمن 1389 
تعداد پست ها : 1269
محل سکونت : بوشهر

پاسخ به:آموزش گام به گام جاوا اسکریپت


نقل قول catcat

میخوام یه برنامه ایی تعیین کنی ک ایجاد پروژ کتب دانشگاهی  و پایان نامه رو داره ...؟


با سلام

لطفا سوال خود را واضح و دقیق بیان کنین

با تشکر
یک شنبه 4 بهمن 1394  1:31 PM
تشکرات از این پست
دسترسی سریع به انجمن ها