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

آموزش Java Script

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

  1. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,323
    تشکر شده:
    2,698
    امتیاز دستاورد:
    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]
     
  2. کاربر ارشد

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

    [h=2]شی History - متد go[/h] متد ( ) go شی History :
    اين متد يک صفحه که در ليست صفحات شی History مرورگر ذخيره شده است را باز می کند .
    همانطور که در معرفی شی History گفتيم ، آدرس URL صفحاتی که شما در يک پنجره مرورگر مشاهده می کنيد ، در اين شی ذخيره می شود . از اين متد برای رفتن به يکی از صفحات مشاهده شده که در شی History قرار دارد ، استفاده می شود .
    اين متد دارای يک پارامتر اجباری است ، که بايد به وسيله آن آدرس URL صفحه و یا شماره آن در ليست شی History را به اين متد ارسال کنيد . نوع اين پارامتر می تواند عددی ( Integer ) و یا متن ( String ) باشد .

    شکل کلی استفاده از اين متد به صورت زير است :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] history.go ( VLocation * )
    * VLocation : يک پارامتر عددی يا متن که آدرس صفحه مورد نظر را مشخص می کند [/TD]
    [/TR]
    [/TABLE]
    راهنمايي به کار بردن پارمتر : شما می توانيد شماره صفحه مورد نظر خود در ليست صفحات شی History و يا آدرس دقيق آن را به اين شی توسط پارامتر ارسال کنيد . در مثال های زير استفاده از هر دو حالت اين پارامتر را به شما نمايش می دهيم . اما معنای به کار بردن اعداد توسط اين پارامتر به صورت زير است :

    • عدد 1 : به معنای باز کردن صفحه بعدی مشاهده شده است ( البته متد در اين حالت زمانی کار می کند ، که کاربر از مسير رفته به عقب بازگشت کرده باشد ) .
    • عدد 2 : به معنای باز کردن 2 صفحه بعد مشاهده شده نسبت به صفحه جاری است و برای اعداد 3 و 4 و ... نيز به همين منوال است .
    • عدد 1 - (منفی ): به معنای باز کردن صفحه قبلی مشاهده شده است .
    • اعداد 2- و 3- و ... : به معنای باز کردن 2 صفحه قبل مشاهده شده است و برای اعداد 3- و 4- و... وضع به همين منوال است .
    نکته مهم : در صورتی که صفحه تعيين شده در متد ( ) go ، قبلا در پنجره جاری مرورگر باز و مشاهده نشده باشد و به عبارت ديگر آن صفحه در شی History مرورگر وجود نداشته باشد ، در هنگام اجرای اين متد خطایی رخ نمی دهد و مرورگر در صفحه جاری باقی می ماند .
    مثال 1 : در مثال زير متد ( ) go شی History را در تابع PrPage به کار برده ايم . با اجرای اين متد ، مرورگر به صفحه قبلی مشاهده شده می رود . برای اجرای اين متد بر روی دکمه فرمان Previous Page در خروجی مثال کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type = " text/javascript " >
    function PrPage ( )
    {
    history.go ( -1 ) ;
    }
    </script>

    < input type = " button " name = " BtnPrPage " value ="Previous Page" onclick = " PrPage ( ) " /> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    مثال 2 : در مثال زير متد ( ) go شی History را در تابع UrlDefine به کار برده ايم . در اين مثال آدرس صفحه ای که می خواهيم مرورگر آن را باز کند را به صورت کامل در داخل پرانتز جلوی متد ( ) go توسط پارامتر مربوط قرار داده ايم . با اجرای اين متد ، مرورگر صفحه تعيين شده را در صورتی که شما آن را قبلا در همين پنجره مشاهده کرده باشيد ، باز می کند . برای اجرای اين متد بر روی دکمه فرمان Go Page در خروجی مثال کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type = " text/javascript " >
    function UrlDefine ( )
    {
    history.go ( آموزش برنامه نويسی - طراحی وب سایت - وبلاگ ) ;
    }
    </script>

    < input type = " button " name = " BtnUrl " value ="Go Page" onclick = " UrlDefine ( ) " /> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]




     
  3. کاربر ارشد

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

    [h=2]شی Location در جاوا اسکريپت - URL صفحه[/h] شی location در جاوا اسکريپت :
    شی location يکی از اشيای زير مجموعه شی window بودها و شالمل اطلاعاتی درباره آدرس ( URL ) صفحه جاری می باشد . اين اطلاعات از قبيل آدرس کامل صفحه ، شماره پورت ( port ) و نام هاست ( hostname ) و يا پروتکل مورد استفاده در آن است
    همچنين به وسيله اين متدهای اين شی می توانيد آدرس صفحه جاری را تغيير داده ، يک صفحه جديد را باز نموده و يا صفحه جديد را Reload کنيد .
    اين شی توسط واژه کليدی locaiton در سطح برنامه های اسکريپتی شناخته شده و حالت کلی استفاده آن به صورت زير است . البته می توان اين شی را بدون استفاده از واژه کليدی window نيز به کار برد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.location.نام خاصيت
    يا
    location.نام خاصيت [/TD]
    [/TR]
    [/TABLE]
    در ادامه به معرفی و تشريح خواص و رويدادهای مهم و پر کاربرد اين شی در Java Script می پردازم .
    [HR][/HR] خواص مهم شی location :
    در ليست زير خواص مهم و پر کاربرد شی location قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] host [/TD]
    [TD="class: prbody"] اين خاصيت نام هاست و شماره پورت ( port ) آدرس ( URL ) صفحه جاری را نمايش داده و به وسيله آن می توانيد مقدار نام هاست و شماره پورت صفحه را نيز تنظيم کنيد . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] hostname [/TD]
    [TD="class: prbody"] اين خاصيت نام هاست آدرس ( URL ) صفحه جاری را نمايش داده و به وسيله آن می توانيد مقدار نام هاست صفحه را نيز تنظيم کنيد . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] href [/TD]
    [TD="class: prbody"] اين خاصيت آدرس کامل ( URL ) صفحه جاری را نمايش داده و به وسيله آن می توانيد مقدار آدرس صفحه را نيز تنظيم کنيد . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] pathname [/TD]
    [TD="class: prbody"] اين خاصيت مسير آدرس ( URL ) صفحه جاری را نمايش داده و به وسيله آن می توانيد مقدار مسير صفحه را نيز تنظيم کنيد . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] port [/TD]
    [TD="class: prbody"] اين خاصيت شماره پورت آدرس ( URL ) صفحه جاری را نمايش داده و به وسيله آن می توانيد مقدار شماره صفحه را نيز تنظيم کنيد . [/TD]
    [/TR]
    [/TABLE]
    رويدادهای مهم شی location :
    در ليست زير رويدادهای شی location قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام رويداد [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] assign ( ) [/TD]
    [TD="class: prbody"] اين متد يک صفحه جديد ، که آدرس آن را در پرانتز مقابل آن تعيين کرده ايد ، باز می کند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] reload ( ) [/TD]
    [TD="class: prbody"] اين متد يک صفحه جديد ، که آدرس آن را در پرانتز مقابل آن تعيين کرده ايد ، باز می کند . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] replace ( ) [/TD]
    [TD="class: prbody"] اين متد يک صفحه جديد ، که آدرس آن را در پرانتز مقابل آن تعيين کرده ايد ، باز می کند . [/TD]
    [/TR]
    [/TABLE]
     
  4. کاربر ارشد

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

    [h=2]خواص شی Location[/h] خاصيت hash :
    این خاصیت آدرس موجود بعد از علامت # در آدرس کامل صفحه را بر می گرداند . همان طور که در بخش آموزش تگ link در قسمت آموزش HTML دیدید چنانچه در یک صفحه یک لنگر (ancher) ایجاد نماییم ، در صورت پرش و رفتن به آدرس آن لنگر ،نام کامل لنگر در انتهای آدرس صفحه و بعد از علامت # قرار می گیرد. این خاصیت چنانچه نام لنگری در انتهای آدرس صفحه وجود داشته باشد ، مقدار آن را بر می گرداند . یا به عبارت دیگر کلیه حروف و اعداد بعد از علامت # در انتهای آدرس صفحه را بر می گرداند .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.hash ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير آدرس یک صفحه فرضی را قرار داده ایم . چنانچه خاصیت hash شی location آن را فراخوانی کنیم ، خروجی زیر به دست خواهد آمد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] آموزش برنامه نويسی - طراحی وب سایت - وبلاگ
    <script type ="text/javascript">
    document.write ( location.hash ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] #op [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت host :
    این خاصیت نام هاست (host) و شماره پورت (port number) صفحه جاری را بر می گرداند. خروجی این خاصیت از نوع متن میباشد .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.host ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط یک اسکریپت طراحی شده و با استفاده از خاصیت host شی location نام هاست و شماره پورت سایت و صفحه جاری را نمایش داده ایم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( location.host ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] آموزش برنامه نويسی - طراحی وب سایت - وبلاگ [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت hostname :
    این خاصیت نام هاست (host) صفحه جاری را بر می گرداند. خروجی این خاصیت از نوع متن میباشد .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.hostname ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط یک اسکریپت طراحی شده و با استفاده از خاصیت hostname شی location نام هاست صفحه جاری را نمایش داده ایم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( location.hostname ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] آموزش برنامه نويسی - طراحی وب سایت - وبلاگ [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت pathname :
    این خاصیت مسیر کامل دسترسی به صفحه را به کاربر نمایش میدهد. در واقع این خاصیت نحوه پوشه بندی و قرار گیری فایل ها بر روی سرور را نمایان می سازد.از مقدار این خاصیته میتوان در موارد مختلفی استفاده کرد.
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.pathname ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط یک اسکریپت طراحی شده و با استفاده از خاصیت pathname شی location مسیر کامل دسترسی به صفحه جاری را نمایش داده ایم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( location.pathname ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] /JavaScript/location-pr.aspx [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت port :
    این خاصیت شماره پورت ( port number ) سرور جاری صفحه را نمایش می دهد.از مقدار port صفحه می توان برای مقاصد مختلف استفاده کرد. مقدار پیش فرض این خاصیته برای پروتکل HTTP عدد 80 و برای پروتکل FTP عدد 21 است . همچنین مقدار این خاصیت می تواند در سرور های محلی ( local ) متفاوت باشد.
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.port ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط یک اسکریپت طراحی شده و با استفاده از خاصیت port شی location شماره Port صفحه جاری را نمایش داده ایم . همانطور که می بینید به علت استفاده از پروتکل HTTP در نمایش این سایت ، مقدار Port آن برابر با 80 که شماره Port پیش فرض این پروتکل است ، می باشد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( location.port ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"]
    [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت protocol :
    این خاصیت نوع پروتکل واقعی صفحه جاری را بر میگرداند . پروتکل شیوه ارسال و دریافت اطلاعات بین سرور و کامپیوتر کاربر است . معمولا صفحات وب با استفاده از پروتکل HTTP و فایلهای آپلود یا دانلود شده با استفاده از پروتکل FTP بین کامپیوترها جابجا می شوند.
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.protocol ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير توسط یک اسکریپت طراحی شده و با استفاده از خاصیت protocol شی location نوع protocol صفحه جاری را نمایش داده ایم . همانطور که می بینید پروتکل صفحه جاری HTTP می باشد .
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( location.protocol ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] http: [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت search :
    این خاصیت کلیه حروف و ارقام موجود بعد از علامت ؟ در آدرس صفحه را بر می گرداند . معمولا پارا متر هایی که به صفحات وب ارسال می شوند، بعد از علامت ؟ در انتهای آدرس صفحه قرار می گیرند. خاصیته Search این پارا مترها و مقدارهایشان را در صورت وجود به صورت متن بر می گرداند. چنانجه هیج پارامتری به صفحه ارسال نشود، مقدار باز گشتی Null خواهد بود.
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.serach ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير آدرس یک صفحه فرضی را قرار داده ایم . چنانچه خاصیت search شی location آن را فراخوانی کنیم ، خروجی زیر به دست خواهد آمد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] zxzxzx.persianblog.ir

    <script type ="text/javascript">
    document.write ( location.search ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] ?id=102287&mode=1 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
     
  5. کاربر ارشد

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

    [h=2]متدهای شی Location[/h] متد assign ( ) :
    این متد یک آدرس URL را به عنوان پارامتر دریافت کرده و در هنگام اجرا ، صفحه را به آن آدرس انتقال می دهد . از این متد می توان برای انتقال اتوماتیک صفحه به یک آدرس دیگر استفاده کرد .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.assign ( آدرس صفحه مورد نظر ) ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير آدرس صفحه Home Page سایت را به عنوان پارامتر به متد assign شی Location داده ایم . در هنگامی که کاریر بر روی دکمه فرمان قرار داده شده کلیک نماید ، صفحه به صفحه Home Page سایت منتقل خواهد شد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    function Go_HomePage ( )
    {
    location.assign ( " آموزش برنامه نويسی - طراحی وب سایت - وبلاگ " );
    }
    </script>

    < input type="button" name="Btn1" onclick="Go_HomePage( )" value="Go to Home Page" / > [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] متد reload ( ) :
    اجرای این متد باعث فراخوانی و لود شدن مجدد صفحه می شود . از این متد می توان برای Refresh و لود کردن اتوماتیک صفحه استفاده کرد . این متد پارامتری دریافت نمی کند .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.reload ( ) ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير آدرس یک تابع را ایجاد کرده ایم که در صورت کلیک کاربر بر روی دکمه فرمان قرار داده شده ، اجرا می شود و باعث Refresh و لود شدن مجدد صفحه می گردد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    function Go_HomePage ( )
    {
    location.reload ( );
    }
    </script>

    < input type="button" name="Btn2" onclick="Relaod_Page()" value="Refresh Page" / > [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] [HR][/HR] متد replace ( ) :
    این متد آدرس یک صفحه را به صورت پارامتر از کاربر دریافت کرده و صفحه جاری را با آن صفحه انتقال می دهد . از این متد می توان برای انتقال اتوماتیک و برنامه نویسی شده به صفحات دیگر استفاده کرد . عملکرد این متد همانند متد assign ( ) است .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] location.replace ( آدرس صفحه مورد نظر ) ; [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR]
     
  6. کاربر ارشد

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

    [h=2]شی Screen در جاوا اسکريپت - صفحه نمایش[/h] شی Screen در جاوا اسکريپت :
    شی Screen يکی از اشيای زير مجموعه شی window بوده و شامل اطلاعاتی درباره صفحه نمایش کاربر از قبیل اندازه ، عمق رنگ و ... می باشد و توسط کلیه مرورگرهای مطرح پشتیبانی می شود .
    اين شی توسط واژه کليدی Screen در سطح برنامه های اسکريپتی شناخته شده و حالت کلی استفاده آن به صورت زير است . البته می توان اين شی را بدون استفاده از واژه کليدی window نيز به کار برد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] window.Screen.نام خاصيت
    يا
    Screen.نام خاصيت [/TD]
    [/TR]
    [/TABLE]
    در ادامه به معرفی و تشريح خواص و رويدادهای مهم و پر کاربرد اين شی در Java Script می پردازم .
    [HR][/HR] خواص مهم شی Screen :
    در ليست زير خواص مهم و پر کاربرد شی Screen قرار دارد . برای دريافت اطلاعات بيشتر و مثال های عملی بر روی نام آنها کليک کنيد :
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] نام خاصيت [/TD]
    [TD="class: prdes"] شرح [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] availHeight [/TD]
    [TD="class: prbody"] این خاصیت ارتفاع صفحه نمایش کاربر را نمایش می دهد . این اندازه شامل اندازه منوی taskbar ویندوز نمی شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] availWidth [/TD]
    [TD="class: prbody"] این خاصیت پهنای صفحه نمایش کاربر را نمایش می دهد . این اندازه شامل اندازه منوی taskbar ویندوز نمی شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] height [/TD]
    [TD="class: prbody"] این خاصیت ارتفاع واقعی صفحه نمایش کاربر را نمایش می دهد . این اندازه شامل اندازه منوی taskbar ویندوز می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] width [/TD]
    [TD="class: prbody"] این خاصیت پهنای واقعی صفحه نمایش کاربر را نمایش می دهد . این اندازه شامل اندازه منوی taskbar ویندوز می شود . [/TD]
    [/TR]
    [TR]
    [TD="class: prname"] colorDepth [/TD]
    [TD="class: prbody"] این خاصیت توانایی نمایش عمق رنگ در صفحه نمایش کاربر را با واحد bit نمایش می دهد . [/TD]
    [/TR]
    [/TABLE]

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

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

    [h=2]خواص شی Screen[/h] خاصيت availHeight :
    این خاصیت ارتفاع صفحه نمایش کامپیوتر کاربر را بر حسب پیکسل ( Pixel ) نشان می دهد . اندازه نشان داده شده ارتفاع واقعی صفحه نمایش نبوده و شامل منوی Taskbar ویندوز نمی شود و به همین دلیل همیشه کمی کمتر از اندازه واقعی است . این خاصیت توسط اکثر مروگرها پشتیانی می شود .
    پشتیانی مرورگرها :
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]
    از این خاصیت می توان برای فهمیدن ارتفاع صفحه نمایش استفاده کرد تا بر حسب آن نمایش اجزای صفحات وب را تنظیم کرد . مثلا برای ابعاد 800 یک نوع نمایش و برای ابعاد کوچکتر یا بزرگتر اندازه متفاوتی داشت .
    نحوه کلی استفاده از این خاصیت به شرح ذیل است . در ضمن خروجی مثال از نوع عددی ( integer ) می باشد .
    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] screen.availHeight ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زیر با استفاده از خاصیت availHeight ارتفاع صفحه نمایش را نمایش داده ایم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( screen.availHeight ) ;
    </script> [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] 984 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR] خاصيت availWidth :
    این خاصیت اندازه عرض صفحه نمایش کامپیوتر کاربر را بر حسب پیکسل ( Pixel ) نشان می دهد . اندازه نشان داده شده ارتفاع واقعی صفحه نمایش نبوده و شامل منوی Taskbar ویندوز نمی شود و به همین دلیل معولا کمی کمتر از اندازه واقعی است . این خاصیت توسط اکثر مروگرها پشتیانی می شود .
    پشتیانی مرورگرها :
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]
    از این خاصیت می توان برای فهمیدن پهنای صفحه نمایش استفاده کرد تا بر حسب آن نمایش اجزای صفحات وب را تنظیم کرد . مثلا برای ابعاد 1280 یک نوع نمایش و برای ابعاد کوچکتر یا بزرگتر اندازه متفاوتی داشت .
    نحوه کلی استفاده از این خاصیت به شرح ذیل است . در ضمن خروجی مثال از نوع عددی ( integer ) می باشد .

    [TABLE="class: ex"]
    [TR]
    [TD="class: prname"] Syntax [/TD]
    [TD="class: prdes, align: left"] screen.availWidth ; [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زیر با استفاده از خاصیت availWidth پهنای صفحه نمایش را نمایش داده ایم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] <script type ="text/javascript">
    document.write ( screen.availWidth ) ;
    </script>
    [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] 1280 [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]
    [HR][/HR]