آموزش ویژگی top در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی top در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی top در BOM جاوااسکریپت
با استفاده از ویژگی window.top
میتونیم چک کنیم که آیا پنجره فعلی ( که در مرورگر باز شده ) پنجره مادر ( یا top یا منظور پنجره اصلی مرورگر ) می باشد یا خیر.
اگه یک پنجره ( مثلا یه آی فریم ) درون یک صفحه ( صفحه اصلی مرورگر منظورمه ) باز بشه، خب اون پنجره آی فریم میشه self و پنجره اصلی میشه top
اگه در آموزش زبان HTML یادتون باشه، تگ a یه صفت داره به اسم target که با استفاده از اون میتونیم مشخص کنیم که مثلا لینک ما در صفحه ( تب ) جدید باز بشه یا نه مثلا در همون صفحه فعلی باز شه.
حال ما با استفاده از ویژگی window.top میتونیم چک کنیم یا بدست بیاریم که وضعیت پنجره فعلی مرورگر به چه صورت می باشد، آیا مثلا پنجره فعلی در حالت top هست یا نه!؟
مقدار برگشتی | برگشت بالاترین سطح از پنجره مرورگر ( یعنی top ) |
---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در مثال زیر چون پنجره فعلی درون آی فریم گذاشته شده پس باید در خروجی حالت self بده.
1 2 3 4 5 6 7 8 9 10 11 |
<script> function check(){ if(window.top != window.self){ document.getElementById("Result").innerHTML = "حالت self هست"; }else{ document.getElementById("Result").innerHTML = "حالت top هست"; } } </script> |
مثال شماره ۲ : در این مثال چون پنجره فعلی در آی فریم گذاشته نشده پس باید در خروجی حالت top بده.
1 2 3 4 5 6 7 8 9 10 11 |
<script> function check(){ if(window.top != window.self){ document.getElementById("Result").innerHTML = "حالت self هست"; }else{ document.getElementById("Result").innerHTML = "حالت top هست"; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
top | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
1 |
window.top; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- با استفاده از ویژگی self میتونیم چک کنیم که آیا پنجره در حالت self هست یا خیر.
- با استفاده از ویژگی top نیز میتونیم چک کنیم که آیا پنجره در حالت top هست یا خیر.