|
|
Yayınlandı 3.07.2018 16:54:42
|
|
|
Javascrip{filter}t ekranın, tarayıcı penceresinin, tarayıcının ve web sayfasının yüksekliği ile genişliğini alır
Web sayfası görünürlüğü alanı: document.body.clientWidth
Web sayfası görünürlüğü alanı: document.body.clientHeight
Web sayfası görünür alan genişliği: document.body.offsetWidth (kenarın genişliği dahil)
Web sayfası görünür alan yüksekliği: document.body.offsetHeight (kenarın genişliği dahil)
Web sayfası gövdesinin tam metin genişliği: document.body.scrollWidth
Web sayfasının tam metni yüksek: document.body.scrollHeight
Sayfa yüksek kaydırma: document.body.scrollTop
Sayfa sola kaydırılmış: document.body.scrollLeft
Web sayfasının gövdesinde: window.screenTop
Web sayfasının gövdesi solda: window.screenLeft
Yüksek ekran çözünürlüğü: window.screen.height
Ekran çözünürlüğü genişliği: window.screen.width
Ekran kullanılabilir çalışma alanı yüksekliği: window.screen.availHeight
Ekran kullanılabilir çalışma alanı genişliği: window.screen.availWidth
jQuery çeşitli genişlik ve yüksekliklere sahip
Tarayıcı görüntüleme alanı
$(pencere).yükseklik()
$(window).width()
Sayfanın belge boyutu
$(document).height()
$(document).width()
Mevcut pencere belge gövdesinin boyutu
$(document.body).height()
$(document.body).width()
Kaydırma çubuğunun en üste dikey yüksekliği (yani sayfanın kıvrıldığı yükseklik)
$(document).scrollTop()
$(document).scrollLeft()
HTML kesin hedefleme: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX belgenin yatay koordinatlarına göre
event.clientY belgenin dikey koordinatlarına göre
event.offsetX ile birlikte konteynerin yatay koordinatlarına göre
event.offsetY konteynerin dikey koordinatlarına göre
document.documentElement.scroll dikey kaydırma için en üst değer
event.clientX+document.documentElement.scrollTop Belgeye göre yatay koordinat miktarı + dikey kaydırma
Yani, FireFox farkları şunlardır:
IE6.0、FF1.06+:
clientWidth = genişlik + dolgu
clientHeight = yükseklik + dolgu
offsetWidth = genişlik + dolgu + kenar
offsetHeight = yükseklik + dolgu + kenar
IE5.0/5.5:
clientWidth = genişlik - sınır
clientHeight = yükseklik - sınır
offsetWidth = genişlik
offsetHeight = yükseklik
(Belirtmek gerekir: CSS'deki marj özniteliğinin clientWidth, offsetWidth, clientHeight, offsetHeight ile hiçbir ilgisi yoktur)
Web sayfası görünürlüğü alanı: document.body.clientWidth
Web sayfası görünürlük alanı yüksekliği: document.body.clientHeight
Web sayfası görünür alan genişliği: document.body.offsetWidth (kenarın genişliği dahil)
Web Görünür Alan Yüksekliği: document.body.offsetHeight (kenarların yüksekliği dahil)
Web sayfasının tam metin genişliği: document.body.scrollWidth
Tam metin yüksekliği: document.body.scrollHeight
Sayfa yüksek kaydırma: document.body.scrollTop
Sayfa sola kaydırılmış: document.body.scrollLeft
Web sayfasının gövdesinde: window.screenTop
Web sayfasının gövdesinin solu: window.screenSol
Yüksek ekran çözünürlüğü: window.screen.height
Ekran çözünürlüğü genişliği: window.screen.width
Ekran kullanılabilir çalışma alanı yüksekliği: window.screen.availHeight
Ekran kullanılabilir çalışma alanı genişliği: window.screen.availWidth
div.style.top: Div'in bulunduğu bileşene göre en üst mesafe
－－－－－－－－－－－－－－－－－－－
Teknik Öne Çıkanlar
Bu bölümdeki kod esas olarak Document nesnesinin pencere hakkındaki bazı özelliklerini kullanır ve bu özelliklerin ana işlevleri ve kullanımı aşağıdaki gibidir.
Bir pencerenin boyutunu anlamak için, farklı tarayıcılar için farklı özellikler ve yöntemler kullanılmalıdır: bir pencerenin gerçek boyutunu tespit etmek için Netscape'te Window özelliğini kullanmanız gerekir; IE'de, cesedi tespit etmek için belgenin derinliklerine inmeniz gerekir. DOM ortamında, pencerenin boyutunu anlamak için temel elemanın boyutuna dikkat etmeniz gerekir, elemana değil.
Window nesnesinin innerWidth özelliği, mevcut pencerenin iç genişliğini içerir. Window nesnesinin innerHeight özelliği, mevcut pencerenin iç yüksekliğini içerir.
Document nesnesinin gövde özniteliği, HTML belgesinin etiketine karşılık gelir. Document nesnesinin documentElement özelliği, HTML belgesinin kök düğümünü temsil eder.
document.body.clientHeight, HTML belgesinin bulunduğu pencerenin mevcut yüksekliğini gösterir. document.body. clientWidth, HTML belgesinin bulunduğu pencerenin mevcut genişliğini temsil eder.
Tarayıcı boyutlandırma etkinlikleri
window.onresize=funName; Tarayıcı boyutu değiştiğinde funName fonksiyonunu çağırın |
Önceki:seo başlık anahtar kelime tanımı kelime sınırı Başlık, anahtar kelimeler, descrip{filter}tion lengthÖnümüzdeki:"Object" türü, referanssız bir montajda tanımlanır. Programa bir yanıt eklemek zorunda...
|
