1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش Java Script

شروع موضوع توسط hector2141 ‏12/9/12 در انجمن Java Script

  1. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]اشيای پيش ساخته در Java Script[/h] شی Date :
    از اين شی برای دستکاری و کار با تاريخ و زمان استفاده می شود . به طور کلی هر متغيری از نوع تاريخ و زمان نمونه ای از شی Date خواهد بود .
    [TABLE="width: 100%"]
    [TR]
    [TD] خواص شی Date [/TD]
    [TD] متدهای شی Date [/TD]
    [/TR]
    [/TABLE]

    [HR][/HR] [HR][/HR] نحوه تعريف يک متغير جديد از نوع Date :
    برای تعريف يک متغير جديد از نوع تاريخ و زمان از تابع Date ، به صورت کلی زير استفاده می شود :
    var نام متغير = new Date () ;
    مثال : var NowTime = new Date () ;
    نکته 1 : هر متغيری از نوع Date ، که به روش فوق ايجاد شود ، زمان و تاريخ جاری سيستم در لحظه ايجاد خود را ، به عنوان مقدار پيش فرض در درون خود نگهداری می کند . اين مقدار شامل مخخف نام روز جاری، مخفف نام ماه جاری ، شماره روز جاری در ماه ، سال جاری ، ساعت دقيق که به صورت ساعت ، دقيقه و ثانيه است و فرمت ساعت خواهد بود .
    مثال : در مثال زير يک متغير به نام NowTime را به روش اشاره شده ايجاد و مقدار دهی کرده ايم . سپس به وسيله دستور document.write مقدار آن را بر روی صفحه نمايش داده ايم . اين متغير هر بار که صفحه مجددا بار گذاری شده و يا Refresh می شود ، مقدار آن دوباره به تاريخ و ساعت جاری سيستم Set شده و تغيير می کند . بنابراين مقدار آن ثابت نيست و با هر بار لود شدن صفحه و و اجرای مجدد اسکريت ، ساعت و تاريخ جديد جايگزين مقدار قبلی می شود . برای درک بهتر هر چند لحظه يکبار صفحه را Refresh کرده و به مقدار خروجی دقت کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example[/TD]
    [/TR]
    [TR]
    [TD="class: body"] < script type="text/javascript" >
    var NowTime = new Date ( ) ;
    document.write ( NowTime ) ;
    < /script > [/TD]
    [TD="class: header"] کد[/TD]
    [/TR]
    [TR]
    [TD="class: body"] Wed Sep 12 2012 14:41:52 GMT+0430 (Iran Daylight Time) [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    نکته 2 : همچنين می توان در هنگام تعريف يک متغير جديد از نوع Date ، يک تاريخ مورد نظر را به عنوان تاريخ ذخيره شده در آن متغير را در پرانتز جلوی تابع Date تعريف کرد . در اين صورت سيستم به صورت اتوماتيک ، تاريخ تعيين شده را به فرمت مورد استفاده در جاوا اسکريپت تبديل کرده و در متغير ذخيره خواهد کرد .
    مثال : در مثال زير ابتدا يک متغير به نام MyDateرا ايجاد کرده و يک تاريخ را نيز به عنوان مقدار برای آن در نظر گرفته ايم . سپس آن متغير را بر روی صفحه در خروجی چاپ کرده ايم . همانطور که می بينيد ، مقدار خروجی برابر با مقدار تعيين شده است و ارتباطی با تاريخ و ساعت جاری سيستم ندارد :

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example[/TD]
    [/TR]
    [TR]
    [TD="class: body"] < script type="text/javascript" >
    var MyDate = new Date ( "12/05/2004" ) ;
    document.write ( MyDate ) ;
    < /script > [/TD]
    [TD="class: header"] کد[/TD]
    [/TR]
    [TR]
    [TD="class: body"] Sun Dec 05 2004 00:00:00 GMT+0330 (Iran Standard Time) [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خواص شی Date :
    خاصيت constructor :
    اين خاصيت ، نام تابع سازنده شی مورد نطر را بر می گرداند . تغبع سازنده ، تابعی است که در هنگام تعريف اوليه ، شی را به وجود آورده است . شکل کلی استفاده از اين خاصيت به شرح زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax[/TD]
    [TD="class: prdes, align: left"] object.constructor
    * object = نام شی مورد نظر [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير با استفاده از تابع ( ) Date يک شی MyDate2 جديد به نام txtname ايجاد کرده ايم . به وسيله دستور document.write ، نوع تابع سازنده شی را نشان داده ايم :
    نکته : توجه شود شکل صحيح نوشتاری تابع Date با D بزرگ است .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example[/TD]
    [/TR]
    [TR]
    [TD="class: body"] < script type="text/javascript" >
    var MyDate2 = new Date ( ) ;
    document.write ( MyDate2.constructor ) ;
    < /script > [/TD]
    [TD="class: header"] کد[/TD]
    [/TR]
    [TR]
    [TD="class: body"] function Date() { [native code] } [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  2. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]اشيای پيش ساخته Java Script[/h] شی Date :
    در اين بخش به معرفی متدهای شی Date می پردازيم . در قسمت قبل خواص اين شی را بررسی کرديم .
    [TABLE="width: 100%"]
    [TR]
    [TD] خواص شی Date[/TD]
    [TD] متدهای شی Date[/TD]
    [/TR]
    [/TABLE]

    [HR][/HR] [HR][/HR] متدهای شی Date :
    متدهای شی Date در جدول زير معرفی شده اند . برای دريافت اطلاعات راجع به هر کدام بر روی نام آن کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام متد[/TD]
    [TD="class: prdes"] شرح[/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getDate ( ) [/TD]
    [TD="class: prbody"] اين متد ، شماره روز جاری در ماه را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getDay ( ) [/TD]
    [TD="class: prbody"] اين متد ، شماره روز جاری در هفته را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getMonth ( ) [/TD]
    [TD="class: prbody"] اين متد ، شماره ماه جاری را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getYear ( ) [/TD]
    [TD="class: prbody"] اين متد ، شماره سال جاری را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getFullYear ( ) [/TD]
    [TD="class: prbody"] اين متد نيز ، شماره سال جاری را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getHours ( ) [/TD]
    [TD="class: prbody"] اين متد مقدار ساعت را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getMinutes ( ) [/TD]
    [TD="class: prbody"] اين متد شماره دقيقه را در يک متغير زمانی بر می گرادند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getSeconds ( ) [/TD]
    [TD="class: prbody"] اين متد شماره ثانيه ها را در يک متغير زمانی بر می گرادند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getMilliseconds ( ) [/TD]
    [TD="class: prbody"] اين متد شماره ميلی ثانيه ها را در يک متغير زمانی بر می گرادند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getTime ( ) [/TD]
    [TD="class: prbody"] اين متد تعداد ثانيه های سپری شده از تاريخ اول ژانويه سال 1970 تا به امروز را بر می گرداند [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] getTimezoneOffset ( ) [/TD]
    [TD="class: prbody"] اين متد اختلاف زمانی بين زمان جاری سيتسم را با ساعت بين المللی گرينويپچ را بر حسب دقيقه بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] parse ( ) [/TD]
    [TD="class: prbody"] اين متد يک تاريخ را به صورت رشته ای دريافت کرده و تعداد ميلی ثانيه های سپری شده از زمان اول ژانويه سال 1970 تا به امروز را بر می گرداند [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setDate ( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار عددی تاريخ روز در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setMonth ( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير شماره ماه و تاريخ روز در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setFullYear( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار سال در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setYear( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار سال در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setHours( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار عددی ساعت در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setMinutes( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار عددی دقيقه در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setSeconds( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار عددی ثانيه در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setMilliseconds( ) [/TD]
    [TD="class: prbody"] اين متد برای تغيير مقدار عددی ميلی ثانيه در يک متغير زمانی استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] setTime( ) [/TD]
    [TD="class: prbody"] اين متد برای محاسبه و ايجاد يک تاريخ جديد ، به وسيله اضافه يا کم کردن تعداد معينی ميلی ثانيه به تاريخ اول ژانويه سال 1970 استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] toString( ) [/TD]
    [TD="class: prbody"] از اين متد برای تبديل يک متغير زمانی به يک عبارت رشته ای استفاده می شود . [/TD]
    [/TR]
    [/TABLE]
     
  3. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator در جاوا اسکريپت - ( تشخيص نوع مرورگر )[/h] شی مرورگر ( navigator ) در جاوا اسکريپت :
    شی Navigator ، حاوی اطلاعاتی راجع به نوع مرورگر مورد استفاده کاربر است . اين اطلاعات درباره مرورگری است ، که کاربر در آن لحظه در حال مشاهده صفحه با آن می باشد . اين شی حاوی اطلاعاتی همچون نام مرورگر مورد استفاده ، نسخه ( ورژن ) ، زبان مورد استفاده مرورگر و ... می باشد . اين اطلاعات در موارد مختلفی می تواند مورد استفاده قرار بگيرد ، که در ادامه به معرفی آنها خواهيم پرداخت .
    اين شی توسط واژه کليدی navigator در سطح برنامه های اسکريپتی شناخته شده و حالت کلی استفاده آن به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.نام خاصيت [/TD]
    [/TR]
    [/TABLE]
    در ادامه به معرفی و تشريح خواص و رويدادهای مهم و پر کاربرد اين شی در Java Script می پردازم .
    [HR][/HR] تشخيص نوع مرورگر با استفاده از شی navigator :
    يکی از مهمترين کاربردهای شی navigator در جاوا اسکريپت ، تشخيص نوع مرورگر مورد استفاده کاربر در هنگام مشاهده صفحه و نسخه ( ورژن ) آن است . اين مسئله در چند مورد کاربرد دارد ، که به يکی از آنها اشاره می کنم .
    مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
    در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
    خاصيت appName و appVersion شی Navigator ، به ترتيب نام و ورژن مرورگر مورد استفاده را مشخص می کنند . در بخش زير خواص مهم شی Navigator را نشان داده ایم .
    [HR][/HR] خواص مهم شی navigator :
    در ليست زير خواص مهم و پر کاربرد شی Navigator قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appCodeName [/TD]
    [TD="class: prbody"] اين خاصيت نام تعيين شده ويژه ( اسم رمز ) مربوط به نسخه مرورگر مورد استفاده را بر می گرداند . مثال : مثلا نام ويژه نسخه Mozilla ، IE7 است . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appName [/TD]
    [TD="class: prbody"] اين خاصيت نام کامل مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appVersion [/TD]
    [TD="class: prbody"] اين خاصيت پلتفرم و ورژن مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] browserLanguage [/TD]
    [TD="class: prbody"] اين خاصيت زبان مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] cookieEnabled [/TD]
    [TD="class: prbody"] اين خاصيت يک مقدار Boolen را بر می گرداند ، که مشخص می کند آیا مرورگر مورد استفاده از قابليت cookie پشتيانی می کند ، يا خير . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] cpuClass [/TD]
    [TD="class: prbody"] اين خاصيت کلاس CPU مورد استفاده در کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] onLine [/TD]
    [TD="class: prbody"] اين خاصيت يک مقدار Boolen را بر می گرداند ، که مشخص می کند آیا مرورگر در حالت OnLine است يا خير . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] platform [/TD]
    [TD="class: prbody"] اين خاصيت پلتفرم سيستم عامل کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] SystemLanguage [/TD]
    [TD="class: prbody"] اين خاصيت زبان سيستم عامل کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [/TABLE]

    [HR][/HR]
     
  4. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator در جاوا اسکريپت - ( تشخيص نوع مرورگر )[/h] شی مرورگر ( navigator ) در جاوا اسکريپت :
    شی Navigator ، حاوی اطلاعاتی راجع به نوع مرورگر مورد استفاده کاربر است . اين اطلاعات درباره مرورگری است ، که کاربر در آن لحظه در حال مشاهده صفحه با آن می باشد . اين شی حاوی اطلاعاتی همچون نام مرورگر مورد استفاده ، نسخه ( ورژن ) ، زبان مورد استفاده مرورگر و ... می باشد . اين اطلاعات در موارد مختلفی می تواند مورد استفاده قرار بگيرد ، که در ادامه به معرفی آنها خواهيم پرداخت .
    اين شی توسط واژه کليدی navigator در سطح برنامه های اسکريپتی شناخته شده و حالت کلی استفاده آن به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.نام خاصيت [/TD]
    [/TR]
    [/TABLE]
    در ادامه به معرفی و تشريح خواص و رويدادهای مهم و پر کاربرد اين شی در Java Script می پردازم .
    [HR][/HR] تشخيص نوع مرورگر با استفاده از شی navigator :
    يکی از مهمترين کاربردهای شی navigator در جاوا اسکريپت ، تشخيص نوع مرورگر مورد استفاده کاربر در هنگام مشاهده صفحه و نسخه ( ورژن ) آن است . اين مسئله در چند مورد کاربرد دارد ، که به يکی از آنها اشاره می کنم .
    مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
    در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
    خاصيت appName و appVersion شی Navigator ، به ترتيب نام و ورژن مرورگر مورد استفاده را مشخص می کنند . در بخش زير خواص مهم شی Navigator را نشان داده ایم .
    [HR][/HR] خواص مهم شی navigator :
    در ليست زير خواص مهم و پر کاربرد شی Navigator قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appCodeName [/TD]
    [TD="class: prbody"] اين خاصيت نام تعيين شده ويژه ( اسم رمز ) مربوط به نسخه مرورگر مورد استفاده را بر می گرداند . مثال : مثلا نام ويژه نسخه Mozilla ، IE7 است . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appName [/TD]
    [TD="class: prbody"] اين خاصيت نام کامل مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] appVersion [/TD]
    [TD="class: prbody"] اين خاصيت پلتفرم و ورژن مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] browserLanguage [/TD]
    [TD="class: prbody"] اين خاصيت زبان مرورگر مورد استفاده را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] cookieEnabled [/TD]
    [TD="class: prbody"] اين خاصيت يک مقدار Boolen را بر می گرداند ، که مشخص می کند آیا مرورگر مورد استفاده از قابليت cookie پشتيانی می کند ، يا خير . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] cpuClass [/TD]
    [TD="class: prbody"] اين خاصيت کلاس CPU مورد استفاده در کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] onLine [/TD]
    [TD="class: prbody"] اين خاصيت يک مقدار Boolen را بر می گرداند ، که مشخص می کند آیا مرورگر در حالت OnLine است يا خير . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] platform [/TD]
    [TD="class: prbody"] اين خاصيت پلتفرم سيستم عامل کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] SystemLanguage [/TD]
    [TD="class: prbody"] اين خاصيت زبان سيستم عامل کامپيوتر کاربر استفاده کننده از مرورگر را بر می گرداند . [/TD]
    [/TR]
    [/TABLE]
     
  5. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خاصيت appName[/h] اين خاصيت ، نام کامل مرورگر مورد استفاده را بر می گرداند . همانطور که در قسمت معرفی شی Navigator اشاره کردم ، مهمترين کاربرد اين خاصيت تشخيص نوع مرورگر است . تشخيص نوع مرورگر می تواند کاربردهای زيادی داشته باشد ، که به برخی از آنها اشاره خواهم کرد .
    مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
    در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
    از ديگر کاربردهای تشخيص نوع مرورگر می توان به نصب کردن برنامه های کاربردی ( Plug In ) مثل Flash Palyer يا Real Player بر روی مرورگر اشاره کرد . ممکن است يک سايت دانلود اين برنامه ها ، نسخه های متفاوتی از يک نرم افزار را برای نصب بر روی مرورگر های مختلف توليد کرده باشد ، که برای هر مرورگر بايد نسخه متناسب را نصب کرد . در اين صورت سايت مذکور می تواند با تشخيص نوع مرورگر شما ، نسخه مخصوص به آن مرورگر را برای نصب در اختيار شما قرار بدهد ، تا در اين صورت مشکل عدم کارايي نرم افزار پيش نيايد و کاربردهای ديگر .
    شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax
    [/TD]
    [TD="class: prdes, align: left"] navigator.appName [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت appName ، نام کامل مرورگر مورد استفاده کاربر را نشان داده ايم . نام نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example
    [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Full name of your browser is " + navigator.appName ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Full name of your browser is Netscape [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    مثال 2 : کاربرد تشخيص نوع مرورگر :
    در مثال زير با استفاده از يک اسکريپت ، ابتدا نوع مرورگر را تشخيص داده و بر حسب مقدار آن ، در يک دستور Switch ، کد قابل اجرا بر 3 مرورگر Firefox , Oprer و IE را تعيين کرده ايم . در اين اسکريپت ابتدا برنامه نوع مرورگر مورد استفاده کاربر را توسط خاصيت appName شی Navigator تشخيص داده و بر حسب آن دستور مناسب را اجرا خواهد کرد . نتيجه خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد .
    راهنمايي : خاصيت systemLanguge يکی از خواص شی Navoigator است ، که در ادامه آن را به طور کامل تر توضيح می دهم . اين خاصيت زبان سيستم عامل کامپيوتر اجرا کننده مرورگر را بر می گرداند . اما اين خاصيت فقط توسط مرورگر Intenet Explorer پشتيبانی شده و مرورگرهای Opera و FireFox از آن پشتيبانی نمی کنند . در اسکريپت زير ، هدف اين است که فقط زمانی که کاربر با مرورگر IE صفحه را مشاهده می کند ، زبان سيستم عامل را ببيند و در صورتی که از مرورگر های Firefox يا Opera استفاده می کند ، پيام عدم پشتيبانی مرورگر از آن دستور را اعلام کند .
    راهنمايي 2 : نام مرورگر Firefox توسط خاصيت appName واژه Netscape است .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <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> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Your Browser Dosen't Support navigator.systemLanguage Property ! [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  6. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خاصيت های appCodeName و appVersion[/h] خاصيت appCodeName شی Navigator ( نام ويژه مرورگر ) :
    اين خاصيت نام ويژه ( نام کد ) مرورگر مورد استفاده را بر می گرداند .
    نام کد ، نامی خاص است که از سوی شرکت سازنده برای نام گذاری و مشخص کردن يک ورژن از مرورگر تعيين می شود . اين نام بيشتر يک اصطلاح عاميانه است و کاربرد خاصی ندارد . مثلا نام ويژه مرورگرهای Mozilla , Internet Explorer است . شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.appCodeName [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت appCodeName ، نام کد مرورگر مورد استفاده کاربر را نشان داده ايم . نام نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Code name of your browser is " + navigator.appCodeName ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Code name of your browser is Mozilla [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت appVersion شی Navigator ( ورژن مرورگر ) :
    اين خاصيت ، ورژن و پلتفرم کامل مرورگر مورد استفاده را بر می گرداند . پلتفرم شامل اطلاعاتی از جمله سيست عامل سازگار با مرورگر ، زبان مورد استفاده و ... می باشد .
    همانند بخش قبل که در مورد خاصيت appName ( نام مرورگر ) ، اشاره کردم ، تعيين نوع و ورژن مرورگر می تواند کاربرهای مختلفی داشته باشد . در ادامه به 2 خاصيت اين روش اشاره می کنم .
    مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
    در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
    از ديگر کاربردهای تشخيص نوع و ورژن مرورگر می توان به نصب کردن برنامه های کاربردی ( Plug In ) مثل Flash Palyer يا Real Player بر روی مرورگر اشاره کرد . ممکن است يک سايت دانلود اين برنامه ها ، نسخه های متفاوتی از يک نرم افزار را برای نصب بر روی مرورگر های مختلف توليد کرده باشد ، که برای هر مرورگر بايد نسخه متناسب را نصب کرد . در اين صورت سايت مذکور می تواند با تشخيص نوع مرورگر شما ، نسخه مخصوص به آن مرورگر را برای نصب در اختيار شما قرار بدهد ، تا در اين صورت مشکل عدم کارايي نرم افزار پيش نيايد و کاربردهای ديگر .

    شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.appVersion [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت appVersion ، ورژن کامل مرورگر مورد استفاده کاربر را نشان داده ايم . ورژن نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Full Version of your browser is " + navigator.appVersion ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Full Version of your browser is 5.0 (Windows; en-US)[/TD]
    [/TR]
    [/TABLE]
     
  7. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خاصيت های appCodeName و appVersion[/h] خاصيت appCodeName شی Navigator ( نام ويژه مرورگر ) :
    اين خاصيت نام ويژه ( نام کد ) مرورگر مورد استفاده را بر می گرداند .
    نام کد ، نامی خاص است که از سوی شرکت سازنده برای نام گذاری و مشخص کردن يک ورژن از مرورگر تعيين می شود . اين نام بيشتر يک اصطلاح عاميانه است و کاربرد خاصی ندارد . مثلا نام ويژه مرورگرهای Mozilla , Internet Explorer است . شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.appCodeName [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت appCodeName ، نام کد مرورگر مورد استفاده کاربر را نشان داده ايم . نام نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Code name of your browser is " + navigator.appCodeName ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Code name of your browser is Mozilla [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت appVersion شی Navigator ( ورژن مرورگر ) :
    اين خاصيت ، ورژن و پلتفرم کامل مرورگر مورد استفاده را بر می گرداند . پلتفرم شامل اطلاعاتی از جمله سيست عامل سازگار با مرورگر ، زبان مورد استفاده و ... می باشد .
    همانند بخش قبل که در مورد خاصيت appName ( نام مرورگر ) ، اشاره کردم ، تعيين نوع و ورژن مرورگر می تواند کاربرهای مختلفی داشته باشد . در ادامه به 2 خاصيت اين روش اشاره می کنم .
    مرورگر های وب و همچنين زبان های برنامه نويسی وب از جمله زبان اسکریپتی Java Script در طول زمان تغييرات زيادی داشته اند و ممکن است برخی از مرورگرها و يا يک ورژن خاص آنها از برخی از دستورات Java Script به درستی پشتيبانی نکنند . بنابراين يک طراح وب حرفه ای بايد اين مسئله را مد نظر داشته و برای آن تدابير لازم را اتخاد کند . برای مثال ممکن است يک اسکريپت در مرورگر 6 IE به صورت صحيح اجرا شود ، ولی در مرورگر 5 IE به صورت صحيح اجرا نشود و يا مثلا مرورگر FireFox از يکسری دستورات خاص پشتيبانی نکند ، در حالی که همان کد در IE به صورت صحيح اجرا شود . موارد اختلاف کارایی زيادی بین مرورگرها وجود دارد و بايد همواره اين نکته را به خاطر داشته باشيد .
    در اين صورت بايد طراح در زمان نوشتن اسکريپت هایی که امکان بروز خطا ، عدم پشتیبانی و يا پشتيبانی نادرست در آنها وجود دارد ، دستورات متناسب با هر نوع مرورگر خاص را در اسکريپت تعيين کرده و با استفاده از دستورات شرطی و يا دستور Switch ، پس از تشخيص نوع مرورگر و ورژن آن ، دستورات مرتبط با آن نوع مرورگر خاص اجرا شود . در اين حالت ، سازگاری برنامه با انواع دستورات اسکريپتی تضمين می شود .
    از ديگر کاربردهای تشخيص نوع و ورژن مرورگر می توان به نصب کردن برنامه های کاربردی ( Plug In ) مثل Flash Palyer يا Real Player بر روی مرورگر اشاره کرد . ممکن است يک سايت دانلود اين برنامه ها ، نسخه های متفاوتی از يک نرم افزار را برای نصب بر روی مرورگر های مختلف توليد کرده باشد ، که برای هر مرورگر بايد نسخه متناسب را نصب کرد . در اين صورت سايت مذکور می تواند با تشخيص نوع مرورگر شما ، نسخه مخصوص به آن مرورگر را برای نصب در اختيار شما قرار بدهد ، تا در اين صورت مشکل عدم کارايي نرم افزار پيش نيايد و کاربردهای ديگر .

    شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.appVersion [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت appVersion ، ورژن کامل مرورگر مورد استفاده کاربر را نشان داده ايم . ورژن نمايش داده شده در خروجی بستگی به مرورگری دارد که شما هم اکنون ، در حال مشاهده صفحه با آن هستيد ( به دليل اينکه خروجی های مثال ها به صورت اکتيو توسط مرورگر توليد می شود و از قبل طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Full Version of your browser is " + navigator.appVersion ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] Full Version of your browser is 5.0 (Windows; en-US) [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]




     
  8. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خاصيت cookieEnabled[/h] خاصيت cookieEnabled :
    اين خاصيت يک مقدار Boolen ( نوع True یا False ) را بر می گرداند ، که تعيين می کند آيا قابليت ايجاد و خواندن کوکی ( cookie ) در مرورگر شما فعال است يا خير .
    کوکی ( cookie ) متغيری است که بر روی کامپيوتر کاربر ذخيره شده و هر بار که کاربر آن صفحه را باز کند ، مقدار آن توسط مرورگر خوانده شده و می تواند مورد استفاده قرار بگيرد . از کوکی ها معمولا برای ثبت و ذخيره کردن اطلاعاتی همچون نام کاربری و رمز ورود به سايت ها و ساير اطلاعات شخصی کاربران استفاده می شود . در بخش های بعدی به طور کامل تر به بحث درباره نحوه ايجاد و خواندن کوکی ها خواهيم پرداخت .
    شکل کلی استفاده از اين خاصيت به شرح زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.cookieEnabled [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار Boolen ( نوع True يا False ) است . اگر مقدار بازگشتی True باشد ، مرورگر قابليت ايجاد و خواندن کوکی را داراست و در صورت برگشت مقدار False ، آن قابليت را نداشته و يا قابليت غير فعال شده است .
    مثال 1 : در مثال زير با استفاده از خاصيت cookiedEnabled ، فعال بودن قابليت ايجاد و خواندن کوکی در مرورگر شما را در خروجی نمايش داده ايم . اين قابليت در مرورگر شما فعال است يا خير ؟!
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    if ( navigator.cookieEnabled == true )
    document.write ( " cookie is < b > Enabled < /b > in your browser " ) ;
    else if ( navigator.cookieEnabled == false )
    document.write ( " cookie is < b > Not Enabled < /b > in your browser " );
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] cookie is Enabled in your browser [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] کاربرد خاصيت cookieEnabled :
    مهمترين کاربرد اين خاصيت اين است که شما می توانيد ابتدا چک کنيد که آيا مرورگر کاربر قابليت ايجاد و خواندن کوکی را دارد يا خير . سپس در صورت فعال بودن ، دستورات اسکريپتی مربوط به خواندن و ایجاد کوکی اجرا شود . در اين صورت قابليت اطمينان و کارایی برنامه بالاتر می رود .
    در مثال زير نحوه استفاده از اين کاربرد را در عمل نشان داده ايم :

    مثال 1 : در مثال زير با استفاده از خاصيت cookiedEnabled ، ابتدا فعال ايجاد و خواندن کوکی را در مرورگر شما بررسی کرده ايم . سپس با توجه به خروجی ، در صورت فعال بودن اين قابليت يکسری دستور ايجاد کوکی اجرا خواهد شد و در صورت فعال نبودن آن پيام عدم پشتيبانی مرورگر شما از کوکی اعلام خواهد شد . در بخش های بعد نحوه ايجاد و خواندن کوکی را به طور کامل شرح خواهيم داد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    if ( navigator.cookieEnabled == true )
    {
    function setCookie(c_name,value,expiredays)
    {
    var exdate=new Date()exdate.setDate(exdate.getDate()+expiredays)
    document.cookie=c_name+ "=" +escape(value)+
    ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
    }
    }
    else if ( navigator.cookieEnabled == false )
    document.write ( " cookie is < b > Not Enabled < /b > in your browser " );
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [/TABLE]
     
  9. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خواص systemLanguage و browserLanguage[/h] خاصيت browserLanguage ( زبان مرورگر ) :
    اين خاصيت زبان پيش فرض و مورد استفاده مرورگر را بر می گرداند .
    برای مثال مقدار اين خاصيت در زبان انگليسی ( آمريکا ) en-us و برای زبان فارسی fa است .
    شکل کلی استفاده از اين خاصيت به شرح زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.browserLanguage [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت browserLanguage ، زبان مورد استفاده مرورگر را به کاربر نمايش داده ايم . مقدار خروجی اين مثال بستگی به زبان مورد استفاده مرور گر شما دارد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Default language of your browser is " + navigator.browserLanguage ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    مثال 2 : در مثال زير با استفاده از خاصيت browserLanguage ، ابتدا زبان مورد استفاده مرورگر را تشخيص داده و بر حسب آن پيام مناسب با آن زبان را در خروجی نشان داده ايم . به اين صورت که اگر زبان مورد استفاده مرور گر انگليسی باشد ، پيام به زبان انگليسی و در صورتی که زبان آن فارسی باشد ، پيام به زبان فارسی چاپ خواهد شد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    if ( navigator.browserLanguage == "en-us" )
    document.write ( " welcome to DeveloperStudio " ) ;
    else if ( navigator.browserLanguage == " fa " )
    document.write ( " به سايت DeveloperStudio خوش آمديد . " );
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت systemLanguage ( زبان سيستم عامل مرورگر ) :
    اين خاصيت زبان پيش فرض و مورد استفاده سيستم عامل اجرا کننده مرورگر را بر می گرداند .
    برای مثال مقدار اين خاصيت در زبان انگليسی ( آمريکا ) en-us و برای زبان فارسی fa است .
    شکل کلی استفاده از اين خاصيت به شرح زير است :

    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.systemLanguage [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    مثال 1 : در مثال زير با استفاده از خاصيت systemLanguage ، زبان مورد استفاده سيستم عامل مرورگر را به کاربر نمايش داده ايم . مقدار خروجی اين مثال بستگی به زبان مورد استفاده سیستم عامل مرور گر شما دارد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( "Default oprating system language of your browser is " + navigator.systemLanguage ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  10. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    پاسخ : آموزش Java Script

    [h=2]شی Navigator - خواص online , platform , cpuClass[/h] خاصيت onLine ( وضعيت مرورگر ) :
    اين خاصيت يک مقدار Boolen ( نوع true يا false ) را برمی گرداند ، که تعيين می کند که آیا سيستم عامل مرورگر به اينترنت متصل است و یا در حالت offline قرار دارد .
    حالت offline : مرورگرهای جديد از جمله ورژن های 4 IE و بالاتر دارای قابليتی به نام work offline هستند . بر حسب اين قابليت کاربر می تواند بدون اتصال به شبکه اينترنت ، صفحات وبی که بر روی هارد ديسک کامپيوتر خود ذخیره کرده و یا در history مرورگر قرار دارند ، را باز و مشاهده کرده و بين صفحات حرکت کند . در اين حالت می گويند که سيستم در حالت offline قرار دارد .
    در مرورگر IE شما می توانيد از طريق منوی Standard و زير منوی Tools ، گزينه work offline را انتخاب کنيد تا مرورگر در حالت offline قرار بگيرد . در حالت offline چنانچه بخواهيد صفحه جديدی که ذخيره نشده را باز کنيد ، مرورگر به شما پيام می دهد که بايد به اينترنت متصل شويد .
    شکل کلی استفاده از اين خاصيت به شرح زير است :

    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.onLine [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار Boolen ( نوع true یا false ) است . مفهوم خروجی اين خاصيت يکی از 2 حالت زير را می تواند داشته باشد :
    [TABLE="class: pr, width: 100%"]
    [TR]
    [TD="class: header, colspan: 3"] خروجی های خاصيت onLine [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] خروجی [/TD]
    [TD="class: prname"] وضعيت مرورگر [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prbody"] true [/TD]
    [TD="class: prbody"] online [/TD]
    [TD="class: prbody"] مرورگر به اينترنت متصل است . [/TD]
    [/TR]
    [TR]
    [TD="class: prbody"] false [/TD]
    [TD="class: prbody"] offline [/TD]
    [TD="class: prbody"] مرورگر در حالت work offline قرار داشته و به اينترنت متصل نيست . [/TD]
    [/TR]
    [/TABLE]
    مثال 1 : در مثال زير با استفاده از خاصيت onLine ، وضعيت کاری مرورگر را به کاربر نمايش داده ايم . مقدار خروجی اين مثال بستگی به وضعيت ارتباطی مرورگر مورد استفاده شما دارد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    if ( navigator.onLine == true )
    document.write ( " You navigator is in online mode " )
    else
    document.write( " You navigator is in offline mode " )
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] You navigator is in online mode [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت cpuClass ( نوع CPU کامپيوتر مرورگر ) :
    اين خاصيت کلاس CPU کامپيوتر اجرا کننده مرورگر را بر می گرداند .
    شکل کلی استفاده از اين خاصيت به شرح زير است :

    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] navigator.cpuClass [/TD]
    [/TR]
    [/TABLE]
    نکته : خروجی اين خاصيت يک مقدار رشته ای ( String ) است .
    به طور کلی 2 کلاس برای CPU ها داريم ، که خروجی اين خاصيت می تواند يکی از 2 مقدار زير باشد :

    [TABLE="class: pr, width: 100%"]
    [TR]
    [TD="class: header, colspan: 3"] خروجی های خاصيت cpuClass [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] خروجی [/TD]
    [TD="class: prname"] کلاس CPU [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prbody"] x86 [/TD]
    [TD="class: prbody"] X86 [/TD]
    [TD="class: prbody"] کلاس CPU کامپيوتر اجرا کننده مرورگر X86 است . [/TD]
    [/TR]
    [TR]
    [TD="class: prbody"] Alpha [/TD]
    [TD="class: prbody"] Alpha [/TD]
    [TD="class: prbody"] کلاس CPU کامپيوتر اجرا کننده مرورگر Alpha است . [/TD]
    [/TR]
    [/TABLE]
    مثال 1 : در مثال زير با استفاده از خاصيت cpuClass ، کلاس کامپيوتر شما را نمايش داده ايم . کلاس CPU کامپيوتر شما چيشت ؟؟!
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( navigator.cpuClass )
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] undefined [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]