آموزش Java Script

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]

 

پاسخ : آموزش 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]