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

آموزش Java Script

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

  1. کاربر ارشد

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

    [h=2]اشيای پيشرفته جاوا اسکريپت - شی Window[/h] شی window :
    شی window بالاترين شی در رده بندی عناصر صفحات HTML در مدل DOM است . هر پنجره مرورگر در واقع يک نسخه از شی window است . اين شی به ازای هر نمونه از تگ های < body > يا < frameset > ساخته می شود .
    در ليست زير مجموعه خواص و رويدادهای مهم و پرکاربرد شی window آمده است . برای دريافت اطلاعات بيشتر راجع به هر کدام بر روی نام آن کليک کنيد :
    خواص شی window :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] closed [/TD]
    [TD="class: prbody"] مشخص می کند که آيا پنجره مورد نظر بسته است يا خير . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] defaultStatus [/TD]
    [TD="class: prbody"] اين خاصيت برای تعيين متن نمايش داده شده در نوار statusbar پنجره به کار می رود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] length [/TD]
    [TD="class: prbody"] اين خاصيت تعداد قاب ها موجود در پنجره را بر می گرداند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] name [/TD]
    [TD="class: prbody"] اين خاصيت برای تعيين يک نام برای پنجره مورد نظر استفاده می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] opener [/TD]
    [TD="class: prbody"] اين خاصيت به پنجره ای که باعث باز شدن پنجره جاری شده است ، اشاره می کند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] self [/TD]
    [TD="class: prbody"] اين خاصيت برای اشاره به پنجره ای که هم اکنون در آن هستيم به کار می رود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] status [/TD]
    [TD="class: prbody"] اين خاصيت برای تعيين متن نمايش داده شده در نوار statsbar به کار می رود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] top [/TD]
    [TD="class: prbody"] اين خاصيت به پنجره مادر پنجره جاری اشاره می کند . [/TD]
    [/TR]
    [/TABLE]
     
  2. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت defaultStatus :
    اين خاصيت متنی که در نوار Statusbar پنجره مروگر نمايش داده می شود را تعيين و نگهداری می کند . نوار Statusbar در پايين پنجره مرورگر قرار دارد و معمولا برای اطلاع رسانی عملکرد مرورگر به کاربر ، از آن استفاده می شود .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.defaultStatus = " متن مورد نظر "
    * window = نام پنجره مورد نظر [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير با استفاده از يک دستور ساده متن نوار Statusbar مرورگر را در هنگام لود صفحه به مقدار مورد نظر تغيير داده ايم . به پايين پنجره مرورگر دقت کنيد . اين مقدار را در آينده دوباره می توان تغيير داد :
    نکته : خاصيت self در مثال زير به پنجره جاری که هم اکنون در آن هستيم اشاره می کند .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    window.self.defaultStatus = "www.DeveloperStudio.ir :: An Investigation for Development" ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير يک کادر متن ( TextBox ) ساده و يک دکمه فرمان را برای تعيين متن نوار StatusBar بر روی فرم قرار داده ايم . نحوه عمکرد اين مثال به اين صورت است که کاربر بايستی متنی را در درون کادر متن وارد کرده و سپس بر روی دکمه فرمان change defaultStatus کليک نمايد . در اين صورت تابع show_msg اجرا شده و متن نوار StatusBar را به متن وارد شده از کاربر تغيير خواهد داد :
    نکته : خاصيت self در مثال زير به پنجره جاری که هم اکنون در آن هستيم اشاره می کند .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    <input type="text" id="TxtMsg" size="25" />
    <input type="button" id="BtnMsg" value="change defaultStatus" onclick="show_msg( )" />

    function show_msg ( )
    {
    TxtMsg = document.getElementById ( "TxtMsg" );
    var Msg = TxtMsg.value ;
    window.self.defaultStatus = Msg ;
    }
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  3. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت closed :
    اين خاصيت يک مقدار boolen را بر می گرداند که مشخص می کند آيا پنجره مورد نظر بسته شده است يا خير .
    در صورتی که پنجره مورد نظر بسته باشد ، پاسخ False و در صورتی که هنوز بتسه نشده باشد ، جواب True است .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.closed
    * window = نام پنجره مورد نظر [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير وضعيت پنجره جاری که درون آن هستيم را توسط اين خاصيت بررسی کرده ايم . از آنجا که اين پنجره هنوز بسته نشده است ، مقدار بازگشتی False است .
    نکته : در مثال زير از خاصيت self نيز به همراه خاصيت closed استفاده کرده ايم . اين خاصيت به پنجره جاری که درون آن هستيم ، اشاره می کند . در ادامه به معرفی اين خاصيت خواهيم پرداخت :

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( window.self.closed ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] false [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير ابتدا توسط متد open ( برای دريافت اطلاعات راجع به متد open به بخش متد open در شی window برويد ) يک پنجره جديد را ايجاد می کنيم . برای ايجاد پنجره جديد بايد بر روی دکمه فرمان open window کليک نماييد . سپس توسط دکمه فرمان get status با فراخوانی تابع get_status به بررسی باز يا بسته بودن پنجره جديد باز شده می پردازيم . برای مشاهده کاربرد اين خاصيت ابتدا پنجره جديد را باز کرده و سپس در هر دو وضعيت باز و يا بسته بودن آن پنجره دکمه فرمان get status را فشار داده و به خروجی مثال دقت کنيد :
    نکته مهم : همانطور که می دانيد در يک صفحه HTML يک عنصر ابتدا بايد ايجاد شود ، تا بتوان به آن عنصر دسترسی داشت . بنابراين اگر در مثال زير قبل از اينکه دکمه open window را زده و پنجره MyWindow را ايجاد کنيد ، بر روی دکمه get status کليک نماييد ، در عمل برنامه پنجره MyWindow را نشناحته و در صفحه error رخ می دهد . برای جلوگيری از اين error با يک ساختار Try ... catch که در بخش آموزش Java Script به معرفی آن پرداخته ايم ، اقدام به طراحی يک مکانيزم کشف خطا کرده ايم ، که در صورت زدن دکمه open window قبل از اينکه دکمه get status را زده باشيد ، يک پيغام هشدار به شما نمايش داده می شود :

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <input type="button" id="btnopen" onclick="open_window()" value="open window" />
    <input type="button" id="btnstatus" onclick="get_status()" value="get status" />

    <script type="text/javascript">
    function open_window ( )
    {
    MyWindow = window.open ( ' ' , 'MyWindow' , 'height =200 , width =150' ) ;
    MyWindow.document.write ( " This is MyWindow" ) ;
    }

    function get_status ( )
    {
    try
    {
    if ( MyWindow.closed )
    document.write ( "MyWindow is Close" );
    else
    document.write ( "MyWindow is Open" );
    }
    catch ( err )
    {
    alert ( "First create MyWindow !" );
    }
    }
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    [/TD]
    [TD="class: header"] خروجی[/TD]
    [/TR]
    [/TABLE]
     
  4. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت defaultStatus :
    اين خاصيت متنی که در نوار Statusbar پنجره مروگر نمايش داده می شود را تعيين و نگهداری می کند . نوار Statusbar در پايين پنجره مرورگر قرار دارد و معمولا برای اطلاع رسانی عملکرد مرورگر به کاربر ، از آن استفاده می شود .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.defaultStatus = " متن مورد نظر "
    * window = نام پنجره مورد نظر [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير با استفاده از يک دستور ساده متن نوار Statusbar مرورگر را در هنگام لود صفحه به مقدار مورد نظر تغيير داده ايم . به پايين پنجره مرورگر دقت کنيد . اين مقدار را در آينده دوباره می توان تغيير داد :
    نکته : خاصيت self در مثال زير به پنجره جاری که هم اکنون در آن هستيم اشاره می کند .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    window.self.defaultStatus = "www.DeveloperStudio.ir :: An Investigation for Development" ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير يک کادر متن ( TextBox ) ساده و يک دکمه فرمان را برای تعيين متن نوار StatusBar بر روی فرم قرار داده ايم . نحوه عمکرد اين مثال به اين صورت است که کاربر بايستی متنی را در درون کادر متن وارد کرده و سپس بر روی دکمه فرمان change defaultStatus کليک نمايد . در اين صورت تابع show_msg اجرا شده و متن نوار StatusBar را به متن وارد شده از کاربر تغيير خواهد داد :
    نکته : خاصيت self در مثال زير به پنجره جاری که هم اکنون در آن هستيم اشاره می کند .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    <input type="text" id="TxtMsg" size="25" />
    <input type="button" id="BtnMsg" value="change defaultStatus" onclick="show_msg( )" />

    function show_msg ( )
    {
    TxtMsg = document.getElementById ( "TxtMsg" );
    var Msg = TxtMsg.value ;
    window.self.defaultStatus = Msg ;
    }
    </script>
    [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  5. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت length :
    اين خاصيت تعداد قاب ها يا frame های موجود در پنجره را نمايش می دهد . همانطور که در HTML آموختيد ، قاب يا frame با تگ < iframe > ايجاد شده و هر قاب می تواند يک صفحه را در درون خود جای دهد . در حالت عادی تعداد frame های موجود در يک صفحه صفر است .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.length
    * window = نام پنجره مورد نظر [/TD]
    [/TR]
    [/TABLE]
    نکته : نکته جالبی که در هنگام کار با اين خاصيت با آن روبرو شدم اين بود که چنانچه دستور window.length را در يک script به کار ببريم ، اين دستور فقط تعداد frame هایی که با تگ < iframe > قبل از آن script ايجاد شده اند را نشان می دهد و frame های بعد از خود را نمی شناسد . برای درک بهتر به دو مثال اين صفحه دقت کنيد . در مثال اول چون هيچ frame قبل از script آن ايجاد نشده است ، مقدار خروجی دستور window.length صفر است . اما در مثال دوم قبل از script آن يک frame ايجاد کرده ايم و می بينيم که خروجی script در اين حالت 1 است .
    مثال 1 : در مثال زير با استفاده از يک script ساده ، تعداد frame های صفحه را در خروجی چاپ کرده ايم . همانطور که مبينيد ، به دلیل اينکه قبل از script اين مثال هيچ frame ی ايجاد نشده است ، مقدار خروجی صفر است .
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( window.length ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] 1 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    مثال 2 : در مثال زير ابتدا يک قاب یا frame را ابتدا ايجاد کرده ايم و مجددا تعداد frame های موجود در صفحه را در خروجی چاپ کرده ايم . در اين حالت می بينيم که خروجی مثال 1 است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <iframe src="Dom_Introduce.aspx" style="width: 500px; height: 200px "></iframe>

    <script type ="text/javascript">
    document.write ( "<br /> " + window.length ) ;
    </script>
    [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    2 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]




     
  6. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت name :
    اين خاصيت تعيين کننده و نگهدارنده نام پنجره مورد نظر است . نام يک پنجره بايد از نوع متن يا text تعيين شود . نام پنجره برای دستيابی به آن پنجره در script ها استفاده می شود و ربطی به نام فايل صفحه ندارد و مقدار آن توسط برنامه نويس می تواند تعيين گردد . به صورت پيش فرض پنجره ها بدون نام هستند ، یعنی نامی برای آنها تعيين نشده است و چنانچه از سوی برنامه نويس یا طراح نيز نامی برای آن در نطر گرفته نشود ، مقدار آن خالی خواهد ماند .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.name = " نام مورد نظر " ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط يک اسکريپت ساده برای پنجره فعلی که در درون آن هستيم ، يک نام را تعيين کرده و سپس مقدار آن را در خروجی چاپ کرده ايم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    window.name = "MyWindow" ;
    document.write ( window.name ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] MyWindow [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت opener :
    اين خاصيت به پنجره ای که موجب ايجاد يا باز شدن پنجره فعلی شده است ، اشاره می کند . صفحه ای که به يک پنجره لينک داده است ، در صورت کليک بر روی آن لينک و رفتن به صفحه جديد ، به عنوان باز کننده يا opener صفحه جديد ، محسوب می شود .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.opener ; [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت self :
    اين خاصيت به پنجره ای که هم اکنون در آن هستيم ، اشاره می کند . اين خاصيت نيز بايد با يک خاصيت يا متد دوم برای آگاهی از خواص پنجره فعلی استفاده شود و به تنهايي کارایی چندانی ندارد . به کار بردن اين خاصيت برای اشاره به پنجره فعلی در بیشتر موارد ضروری نيست و صرفا ذکر واژه window به تنهايي کافی است اما برای اطمينان بيشتر ، بهتر است به کار رود .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.self ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط يک اسکريپت ساده ابتدا به پنجره جاری که درون آن هستيم اشاره کرده و سپس آدرس کامل آن را توسط خاصيت location در خروجی چاپ کرده ايم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( window.self.location ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] آموزش JavaScript - شی window - خواص name , opener , self [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  7. کاربر ارشد

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

    [h=2]خواص شی window[/h] خاصيت status :
    اين خاصيت متنی که در نوار Statusbar پنجره مروگر نمايش داده می شود را تعيين و نگهداری می کند . نوار Statusbar در پايين پنجره مرورگر قرار دارد و معمولا برای اطلاع رسانی عملکرد مرورگر به کاربر ، از آن استفاده می شود .
    عملکرد اين خاصيت کاملا شبيه خاصيت defaultStatus است ، با اين تفاوت که خاصيت defaultStatus معمولا برای تعيين يک متن پیش فرض برای statusBar به کار می رود و در هنگام لود شدن صفحه آن متن در statusbar نمایش داده می شود . ولی متنی که برای خاصيت status تعيين می شود در هنگام لود صفحه و اجرای تازه آن ، در statusbar نمايش داده نمی شود .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.status = " متن مورد نظر "
    * window = نام پنجره مورد نظر [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير يک کادر متن ( TextBox ) ساده و يک دکمه فرمان را برای تعيين متن نوار StatusBar بر روی فرم قرار داده ايم . نحوه عمکرد اين مثال به اين صورت است که کاربر بايستی متنی را در درون کادر متن وارد کرده و سپس بر روی دکمه فرمان change statusbar Text کليک نمايد . در اين صورت تابع show_msg اجرا شده و متن نوار StatusBar را به متن وارد شده از کاربر تغيير خواهد داد :
    نکته : خاصيت self در مثال زير به پنجره جاری که هم اکنون در آن هستيم اشاره می کند .

    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    <input type="text" id="TxtMsg" size="25" />
    <input type="button" id="BtnMsg" value="change statusbar Text" onclick="show_msg( )" />

    function show_msg ( )
    {
    TxtMsg = document.getElementById ( "TxtMsg" );
    var Msg = TxtMsg.value ;
    window.self.status = Msg ;
    }
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت top :
    اين خاصيت به بالاترين پنجره یا پنجره مادر پنجره جاری ، اشاره می کند .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.top [/TD]
    [/TR]
    [/TABLE]
     
  8. کاربر ارشد

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

    [h=2]شی History ( مشخصات صفحات مرور شده )[/h] شی ( History ) در جاوا اسکريپت :
    شی History به طور اتوماتيک با باز شدن يک صفحه ، توسط موتور جاوا اسکريپت مرورگر ( Java Script runtime engine ) ايجاد می شود . اين شی حاوی اطلاعاتی درباره URL هایی که کاربر توسط مرورگر مشاهده کرده است ، می باشد . به عبارت ديگر آدرس صفحاتی که کاربر توسط مرورگر مشاهده می کند ، همانند يک آرايه در شی History ذخیره می شود .
    اين اطلاعات درباره صفحه قبلی و يا صفحات قبلی مشاهده شده ، صفحه بعدی يا صفحات بعدی مشاهده شده ( التبه در صورتی که کاربر از مسير رفته به عقب بر گشته باشد ) می باشد . از اين شی برای دسترسی به صفحات قبلی و يا بعدی مرور شده استفاده می شود .
    اين شی يکی از زير مجموعه های شی window است و بايد به شکل کلی زير به کار رود . البته بدون به کار بردن واژه window ، قابليت دسترسی مستقيم به شی نيز وجود دارد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax
    [/TD]
    [TD="class: prdes, align: left"] window.history.نام خاصيت
    يا
    history.نام خاصيت [/TD]
    [/TR]
    [/TABLE]
    در ادامه به معرفی و تشريح خواص و رويدادهای مهم و پر کاربرد اين شی در Java Script می پردازم .
    [HR][/HR] خواص مهم شی History :
    در ليست زير تنها خاصيت شی History قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] length [/TD]
    [TD="class: prbody"] اين خاصيت تعداد صفحاتی که URL و مشخصات آنها در شی History ذخيره شده است را مشخص می کند . [/TD]
    [/TR]
    [/TABLE]
    رويداد های مهم شی History :
    در ليست زير رويدادهای شی History قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام رويداد [/TD]
    [TD="class: prdes"] کاربرد [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] back ( ) [/TD]
    [TD="class: prbody"] اين متد صفحه قبلی مشاهده شده که آدرس آن در شی History ذخيره شده ، را باز می کند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] forward ( ) [/TD]
    [TD="class: prbody"] اين متد صفحه بعدی مشاهده شده که آدرس آن در شی History ذخيره شده ، را باز می کند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] go ( ) [/TD]
    [TD="class: prbody"] اين متد صفحه ای که شماره انديس يا URL آن در پرانتز جلوی آن تعيين شده را باز می کند . [/TD]
    [/TR]
    [/TABLE]
     
  9. کاربر ارشد

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

    [h=2]شی History - خاصيت length[/h] اين خاصيت ، تعداد صفحاتی که آدرس URL آنها در شی History ذخيره شده است را بر می گرداند .
    هنگامی که يک پنجره را باز می کنيد ، مقدار اين خاصيت 0 است ، یعنی مقدار آن از صفر شروع می شود . با حرکت در بين صفحات ، به ازای هر صفحه جديد باز شده ، يک واحد به اين خاصيت اضافه می شود .
    همانطور که در بخش معرفی شی History گفتم ، آدرس صفحاتی که توسط مرورگر مشاهده می کنيد ، به صورت يک آرایه در شی History ذخيره می شود . به عبارت ديگر می توان گفت اندازه اين خاصيت برابر با اعضا آرايه فوق است .
    شکل کلی استفاده از اين خاصيت به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] history.length [/TD]
    [/TR]
    [/TABLE]
    نکته 1 : خروجی اين خاصيت يک مقدار عددی ( Integer ) است .
    نکته 2 : مقدار خاصيت length در مرورگر Firefox از 1 شروع می شود .

    مثال 1 : در مثال زير با استفاده از خاصيت length ، تعداد صفحاتی که آدرس ( URL ) آنها در شی History مرورگر شما قرار دارد را در خروجی نشان داده ايم . ( خروجی مثال به صورت اکتيو توسط مرورگر توليد شده و از پيش طراحی شده نيست ) :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( history.length ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] 1 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  10. کاربر ارشد

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

    [h=2]شی History - متدهای back , forward[/h] متد ( ) back شی History :
    اين متد ، صفحه قبلی مشاهده شده در مرورگر را باز می کند . آدرس ( URL ) اين صفحه در عنصر قبلی ذخيره شده در شی History قرار دارد .
    عملکرد اين متد همانند اين است که دکمه back مرورگر را کليک کرده و يا متد ( ) go شی History را با مقدار 1- اجرا کنيد .
    شکل کلی استفاده از اين متد به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] history.back ( ) [/TD]
    [/TR]
    [/TABLE]
    مثال 1 : در مثال زير از متد back در تابع backward استفاده کرده ايم . اين تابع با کليک بر روی دکمه بازگشت به صفحه قبلی فراخوانی شده و مرورگر را به صفحه قبلی مشاهده شده می برد . برای رفتن به صفحه قبل بر روی دکمه فرمان بازگشت به صفحه قبلی در قسمت خروجی کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type = " text/javascript " >
    function backward ( )
    {
    history.back ( ) ;
    }
    </script>

    < input type = " button " name = " PrPage " value = "بازگشت به صفحه قبل" onclick = " backward ( ) " /> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] متد ( ) forward شی History :
    اين متد ، صفحه بعدی مشاهده شده در مرورگر را باز می کند . آدرس ( URL ) اين صفحه در عنصر بعدی ذخيره شده در شی History قرار دارد . البته اين متد زمانی اجرا می شود که کاربر از مسير رفته به عقب برگشته باشد . به عبارت ديگر آدرس صفحه ای در عنصر بعدی حافظه شی History ذخيره شده باشد . در غير اين صورت نيز با فراخوانی اين متد خطایی رخ نداده و مرورگر در همان صفحه باقی می ماند .
    عملکرد اين متد همانند اين است که کاربر دکمه forward مرورگر را کليک کرده و يا متد ( ) go شی History را با مقدار 1+ اجرا کنيد .

    شکل کلی استفاده از اين متد به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] history.forward ( ) [/TD]
    [/TR]
    [/TABLE]
    مثال 1 : در مثال زير از متد forward در تابع fwd استفاده کرده ايم . اين تابع با کليک بر روی دکمه در شی History رفتن به صفحه بعدی فراخوانی شده و مرورگر را به صفحه بعدی مشاهده شده می برد . برای رفتن به صفحه بعد بر روی دکمه فرمان رفتن به صفحه بعدی در قسمت خروجی کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type = " text/javascript " >
    function fwd ( )
    {
    history.forward ( ) ;
    }
    </script>

    < input type = " button " name = " FwPage " value = "رفتن به صفحه بعد" onclick = " fwd ( ) " />
    [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]