آموزش Java Script

[سیده آمین ارمان]

شی ( Boolean ) در جاوا اسکريپت :

شی Boolean در جاوا اسکریپت ، همانند سایر زبان های برنامه نویسی دیگر می تواند دارای یکی از مقدار صحیح true و یا غلط false باشد .
از این شی برای تشخیص صحیح یا غلط بودن یک مقدار استفاده می شود .
شکل کلی تعریف و استفاده از یک شی Boolean در جاوا اسکریپت به صورت زیر است :

Syntax var نام متغیر = new Boolean( ) ;
مثال : var MyBool = new Boolean( ) ;

مقدار دهی اولیه یک شی Boolean :

پس از اینکه یک شی از نوع Boolean را تعریف کردید ، چنانچه مقداری را به آن نبست ندهید ، به صورت پیش فرض دارای مقدار صحیح یا true خواهد بود . اما با نسبت دادن یکی از مقادیر زیر ، می توانید آن را منفی یا false نمایید :

• 0
• -0
• null
• ""
• false
• undefined
• NaN

نکته : توجه نمایید به کار بردن مقدار "false" اشتباه بوده و باعث مثبت شدن مقدار متغیر می شود . باید بدون " " استفاده شود .

متد شی Boolean :

در ليست زير متدهای شی Boolean قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :

نام متد کاربرد

Please, ورود or عضویت to view URLs content!

این متد مقدار شی Boolean را به متن string تبدیل کرده و آن را به خروجی بر می گرداند .

Please, ورود or عضویت to view URLs content!

این متد مقدار اولیه شی Boolean را بر می گرداند .

 

[سیده آمین ارمان]

شی RegExp - عملیات جستجو متن در جاوا اسکریپت
شی ( RegExp ) در جاوا اسکريپت :

یکی از مهمترین نیازها و کارهایی که ممکن است در یک صفحه وب بخواهید انجام دهید ، جستجو برای کلمات یا عبارت خاص در متن صفحه است . فرض کنید که در یک صفحه وب می خواهید به دنبال واژه CSS بپردازید و ببینید آیا این کلمه در صفحه وجود دارد یا خیر .
شی RegExp به طراح امکان ایجاد کدها و ساختارهایی را برای جستجو دنبال کلمات و عبارات در صفحات وب را می دهد .
RegExp مخفف عبارت Regular Expression است . RegExp شی است که یک الگو از کاراکترها را تعیین می کند . یک الگو ساده می تواند فقط یک کاراکتر باشد و الگوهای پیچیده تر ، شامل تعداد بیشتری کاراکتر هستند .
نتیجه گیری : شی RegExp برای انجام عملیات جستجو برای کلمات و یا کاراکترهای مورد نظر در متن یک صفحه استفاده می شود .
شکل کلی تعریف و استفاده از یک شی RegExp در جاوا اسکریپت به صورت زیر است :

Syntax var patt = new RegExp ( pattern , modifiers ) ;
یا به صورت ساده شده :
var patt = /pattern/modifiers ;
اما کد بالا چه مفهومی داشته و طرز استفاده از آن به چه صورت است ؟
برای توضیح آن ، هر یک از کلمات موجود در کد را توضیح داده ام .

syntax توضیح هر یک از موارد
توضیح کلمه
یک نام دلخواه است که برای شی خودمان از نوع RegExp تعیین کرده ایم . مثل یه نام برای هر نوع متغیر دیگر . patt
نام متد یا تابعی است که یک نمونه جدید از شی RegExp را ایجاد می نماید . new RegExp
pattern الگو کاراکترها ، یا همان عبارتی است که در متن می خواهیم به دنبال آن بگردیم . این الگو می توانید شامل یک کاراکتر بوده و یا یک کلمه و عبارت باشد . pattern
modifiers یک کاراکتر است که تعیین می کند عملیات جستجو به چه صورت انجام شود . مثلا چنانچه در این قسمت کاراکتر i را قرار دهیم ، عملیات جستجو به صورت case sensetive ( حساس به حروف بزرگ و کوچک ) انجام می شود . modifiers
جند مثال برای آشنایی با کارکرد RegExp :

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

مثال 1 : جستجو برای یک عبارت یک کلمه خاص در یک متن .
در مثال اول یک متغیر متنی به نام Str1 تعریف کرده ایم که شامل یک متن است . به وسیله ساخت و به کار گیری یک شی RegExp در درون این متغیر به دنبال واژه Developer پرداخته ایم . کد مثال به دنبال این کلمه در متغیر Str1 پرداخته و سپس آن را در خروجی نمایش داده است :

< script type="text/javascript" >
var Str1 = "Welcome to Developer1.ir";
var patt1 = /Developer/i;
document.write(Str1.match(patt1));
< /script > کد
Developer خروجی
مثال 2 : جستجو برای یک عبارت یک کلمه خاص در یک متن و یافتن موارد تکراری.
در مثال دوم یک متن طولانی تر را در متغیر خودمان قرار داده ایم . در این عبارت ، به دنباب کلمه is پرداخته ایم. این کلمه در متن چند بار تکرار شده است . بنابراین با به کار بردن یک Modifire از نوع g در شی RegExp ، باعث شده ایم تا شی نمونه های تکراری را یافته و همه آنها را نمایش دهد :
نکته مهم : توجه داشته باشید به دلیل اینکه از Modifire نوع i در این مثال استفاده نکرده ایم ، مورد اول تکرار Is ، به حساب نیامده و در خروجی نمایش داده نشده است . در مثال سوم Modifire نوع i را نیز به کار بـرده ایم . خروجی ها را با هم مقایسه نمایید .

< script type="text/javascript" >
var Str2 = "Is more than one is in this ?";
var patt2 = /is/g;
document.write(Str2.match(patt2));
< /script > کد
is,is خروجی

مثال شماره 3 : استفاده همزمان از دو Modifire نوع i , g
< script type="text/javascript" >
var Str3 = "Is more than one is in this ?";
var patt3 = /is/gi;
document.write(Str3.match(patt3));
< /script > کد
Is,is,is خروجی

 

[سیده آمین ارمان]

شی Navigator - خاصيت appName

اين خاصيت ، نام کامل مرورگر مورد استفاده را بر می گرداند . همانطور که در قسمت معرفی شی Navigator اشاره کردم ، مهمترين کاربرد اين خاصيت تشخيص نوع مرورگر است . تشخيص نوع مرورگر می تواند کاربردهای زيادی داشته باشد ، که به برخی از آنها اشاره خواهم کرد .
مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
از ديگر کاربردهای تشخيص نوع مرورگر می توان به نصب کردن برنامه های کاربردی ( Plug In ) مثل Flash Palyer يا Real Player بر روی مرورگر اشاره کرد . ممکن است يک سايت دانلود اين برنامه ها ، نسخه های متفاوتی از يک نرم افزار را برای نصب بر روی مرورگر های مختلف توليد کرده باشد ، که برای هر مرورگر بايد نسخه متناسب را نصب کرد . در اين صورت سايت مذکور می تواند با تشخيص نوع مرورگر شما ، نسخه مخصوص به آن مرورگر را برای نصب در اختيار شما قرار بدهد ، تا در اين صورت مشکل عدم کارايي نرم افزار پيش نيايد و کاربردهای ديگر .

شکل کلی استفاده از اين خاصيت به صورت زير است :

Syntax navigator.appName
نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .

مثال 1 : در مثال زير با استفاده از خاصيت appName ، نام کامل مرورگر مورد استفاده کاربر را نشان داده ايم . نام نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :

Example
<script type ="text/javascript">
document.write ( "Full name of your browser is " + navigator.appName ) ;
</script> کد
Full name of your browser is Netscape خروجی
مثال 2 : کاربرد تشخيص نوع مرورگر :
در مثال زير با استفاده از يک اسکريپت ، ابتدا نوع مرورگر را تشخيص داده و بر حسب مقدار آن ، در يک دستور Switch ، کد قابل اجرا بر 3 مرورگر Firefox , Oprer و IE را تعيين کرده ايم . در اين اسکريپت ابتدا برنامه نوع مرورگر مورد استفاده کاربر را توسط خاصيت appName شی Navigator تشخيص داده و بر حسب آن دستور مناسب را اجرا خواهد کرد . نتيجه خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد .
راهنمايي : خاصيت systemLanguge يکی از خواص شی Navoigator است ، که در ادامه آن را به طور کامل تر توضيح می دهم . اين خاصيت زبان سيستم عامل کامپيوتر اجرا کننده مرورگر را بر می گرداند . اما اين خاصيت فقط توسط مرورگر Intenet Explorer پشتيبانی شده و مرورگرهای Opera و FireFox از آن پشتيبانی نمی کنند . در اسکريپت زير ، هدف اين است که فقط زمانی که کاربر با مرورگر IE صفحه را مشاهده می کند ، زبان سيستم عامل را ببيند و در صورتی که از مرورگر های Firefox يا Opera استفاده می کند ، پيام عدم پشتيبانی مرورگر از آن دستور را اعلام کند .
راهنمايي 2 : نام مرورگر Firefox توسط خاصيت appName واژه Netscape است .

Example
<script type ="text/javascript">
switch ( navigator.appName )
{
case " Microsoft Internet Explorer " :
document.write ( navigator.systemLanguage ) ;
break;
case " Netscape " :
document.write ( " Your Browser Dosen't Support navigator.systemLanguage Property ! ") ;
break ;
case " Opera " :
document.write ( " Your Browser Dosen't Support navigator.systemLanguage Property ! " ) ;
}
</script> کد
Your Browser Dosen't Support navigator.systemLanguage Property !