آموزش ویژگی top در BOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی top در BOM جاوااسکریپت با من همراه باشید.

ویژگی top در BOM جاوااسکریپت

Free-Learn

ویژگی top در BOM جاوااسکریپت

با استفاده از ویژگی window.top میتونیم چک کنیم که آیا پنجره فعلی ( که در مرورگر باز شده ) پنجره مادر ( یا top یا منظور پنجره اصلی مرورگر ) می باشد یا خیر.

اگه یک پنجره ( مثلا یه آی فریم ) درون یک صفحه ( صفحه اصلی مرورگر منظورمه ) باز بشه، خب اون پنجره آی فریم میشه self و پنجره اصلی میشه top

اگه در آموزش زبان HTML یادتون باشه، تگ a یه صفت داره به اسم target که با استفاده از اون میتونیم مشخص کنیم که مثلا لینک ما در صفحه ( تب ) جدید باز بشه یا نه مثلا در همون صفحه فعلی باز شه.

حال ما با استفاده از ویژگی window.top میتونیم چک کنیم یا بدست بیاریم که وضعیت پنجره فعلی مرورگر به چه صورت می باشد، آیا مثلا پنجره فعلی در حالت top هست یا نه!؟

پیشنهاد میکنم حتما این مثال رو مشاهده کنید تا خیلی بهتر با حالت های self و top آشنا بشید.

مقدار برگشتی برگشت بالاترین سطح از پنجره مرورگر ( یعنی top )

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : در مثال زیر چون پنجره فعلی درون آی فریم گذاشته شده پس باید در خروجی حالت self بده.

امتحان کنید

مثال شماره ۲ : در این مثال چون پنجره فعلی در آی فریم گذاشته نشده پس باید در خروجی حالت top بده.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
top بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.


Free-Learn

نکات و توضیحات

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • با استفاده از ویژگی self میتونیم چک کنیم که آیا پنجره در حالت self هست یا خیر.
  • با استفاده از ویژگی top نیز میتونیم چک کنیم که آیا پنجره در حالت top هست یا خیر.

Free-Learn

دریافت PDF یا پرینت این مطلب