|
|
Δημοσιεύτηκε στις 3/7/2018 4:54:42 μ.μ.
|
|
|
Το Javascrip{filter}t λαμβάνει το μέγεθος της οθόνης, του παραθύρου του προγράμματος περιήγησης, του προγράμματος περιήγησης και του ύψους και του πλάτους της ιστοσελίδας
Περιοχή ορατότητας ιστοσελίδας: document.body.clientWidth
Περιοχή ορατότητας ιστοσελίδας: document.body.clientHeight
Πλάτος ορατής περιοχής ιστοσελίδας: document.body.offsetWidth (συμπεριλαμβανομένου του πλάτους της άκρης)
Ύψος ορατής περιοχής ιστοσελίδας: document.body.offsetHeight (συμπεριλαμβανομένου του πλάτους της άκρης)
Το πλήρες πλάτος κειμένου του σώματος της ιστοσελίδας: document.body.scrollWidth
Το πλήρες κείμενο της ιστοσελίδας είναι υψηλό: document.body.scrollHeight
Η σελίδα μετακινείται ψηλά: document.body.scrollTop
Η σελίδα μετακινείται προς τα αριστερά: document.body.scrollLeft
Στο σώμα της ιστοσελίδας: window.screenTop
Το σώμα της ιστοσελίδας απομένει: window.screenLeft
Υψηλή ανάλυση οθόνης: window.screen.height
Πλάτος ανάλυσης οθόνης: window.screen.width
Ύψος διαθέσιμου χώρου εργασίας οθόνης: window.screen.availHeight
Πλάτος διαθέσιμου χώρου εργασίας οθόνης: window.screen.availWidth
Το jQuery παίρνει διάφορα πλάτη και ύψη
Περιοχή προβολής προγράμματος περιήγησης
$(παράθυρο).height()
$(παράθυρο).width()
Το μέγεθος του εγγράφου της σελίδας
$(έγγραφο).height()
$(document).width()
Το μέγεθος του σώματος του εγγράφου του τρέχοντος παραθύρου
$(document.body).height()
$(document.body).width()
Το κατακόρυφο ύψος της γραμμής κύλισης προς τα πάνω (δηλαδή το ύψος στο οποίο τυλίγεται η σελίδα)
$(document).scrollTop()
$(document).scrollLeft()
Ακριβής στόχευση HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX σε σχέση με τις οριζόντιες συντεταγμένες του παραστατικού
event.clientY σε σχέση με τις κατακόρυφες συντεταγμένες του παραστατικού
event.offsetX σε σχέση με τις οριζόντιες συντεταγμένες του περιέκτη
event.offsetY σε σχέση με τις κατακόρυφες συντεταγμένες του περιέκτη
document.documentElement.scrollΚορυφαία τιμή για κατακόρυφη κύλιση
event.clientX+document.documentElement.scrollTop Το μέγεθος των οριζόντιων συντεταγμένων + κατακόρυφη κύλιση σε σχέση με το έγγραφο
IE, οι διαφορές του FireFox είναι οι εξής:
IE6.0, FF1.06+:
clientWidth = πλάτος + αναπλήρωση
clientHeight = ύψος + αναπλήρωση
offsetWidth = πλάτος + αναπλήρωση + περίγραμμα
offsetHeight = ύψος + αναπλήρωση + περίγραμμα
IE5.0/5.5:
clientWidth = πλάτος - περίγραμμα
clientHeight = ύψος - περίγραμμα
offsetWidth = πλάτος
offsetHeight = ύψος
(Θα πρέπει να αναφερθεί: το χαρακτηριστικό margin στο CSS δεν έχει καμία σχέση με τα clientWidth, offsetWidth, clientHeight, offsetHeight)
Περιοχή ορατότητας ιστοσελίδας: document.body.clientWidth
Ύψος περιοχής ορατότητας ιστοσελίδας: document.body.clientHeight
Πλάτος ορατής περιοχής ιστοσελίδας: document.body.offsetWidth (συμπεριλαμβανομένου του πλάτους της άκρης)
Web Visible Area Height: document.body.offsetHeight (συμπεριλαμβανομένου του ύψους των άκρων)
Το πλήρες πλάτος κειμένου της ιστοσελίδας: document.body.scrollWidth
Ύψος πλήρους κειμένου: document.body.scrollHeight
Η σελίδα μετακινείται ψηλά: document.body.scrollTop
Η σελίδα μετακινείται προς τα αριστερά: document.body.scrollLeft
Στο σώμα της ιστοσελίδας: window.screenTop
Αριστερά από το σώμα της ιστοσελίδας: window.screenLeft
Υψηλή ανάλυση οθόνης: window.screen.height
Πλάτος ανάλυσης οθόνης: window.screen.width
Ύψος διαθέσιμου χώρου εργασίας οθόνης: window.screen.availHeight
Πλάτος διαθέσιμου χώρου εργασίας οθόνης: window.screen.availWidth
div.style.top: Η άνω απόσταση σε σχέση με το στοιχείο όπου βρίσκεται το div
－－－－－－－－－－－－－－－－－－－
Τεχνικά χαρακτηριστικά
Ο κώδικας σε αυτήν την ενότητα χρησιμοποιεί κυρίως ορισμένες ιδιότητες του αντικειμένου Document σχετικά με το παράθυρο και οι κύριες λειτουργίες και η χρήση αυτών των ιδιοτήτων είναι οι εξής.
Για να λάβετε το μέγεθος ενός παραθύρου, πρέπει να χρησιμοποιηθούν διαφορετικές ιδιότητες και μέθοδοι για διαφορετικά προγράμματα περιήγησης: για να εντοπίσετε το πραγματικό μέγεθος ενός παραθύρου, πρέπει να χρησιμοποιήσετε την ιδιότητα Παράθυρο στο Netscape. Στον IE, πρέπει να πάτε βαθιά μέσα στο έγγραφο για να εντοπίσετε το σώμα. Στο περιβάλλον DOM, για να λάβετε το μέγεθος του παραθύρου, πρέπει να δώσετε προσοχή στο μέγεθος του ριζικού στοιχείου και όχι του στοιχείου.
Η ιδιότητα innerWidth του αντικειμένου Window περιέχει το εσωτερικό πλάτος του τρέχοντος παραθύρου. Η ιδιότητα innerHeight του αντικειμένου Window περιέχει το εσωτερικό ύψος του τρέχοντος παραθύρου.
Το χαρακτηριστικό body του αντικειμένου Document αντιστοιχεί στο tag του εγγράφου HTML. Η ιδιότητα documentElement του αντικειμένου Document αντιπροσωπεύει τον ριζικό κόμβο του εγγράφου HTML.
document.body.clientHeight υποδεικνύει το τρέχον ύψος του παραθύρου στο οποίο βρίσκεται το έγγραφο HTML. document.body. clientWidth αντιπροσωπεύει το τρέχον πλάτος του παραθύρου στο οποίο βρίσκεται το έγγραφο HTML.
Συμβάντα μεγέθους προγράμματος περιήγησης
window.onresize=funName; Καλέστε τη συνάρτηση funName όταν αλλάζει το μέγεθος του προγράμματος περιήγησης |
Προηγούμενος:seo τίτλος λέξη-κλειδί περιγραφή όριο λέξεων Τίτλος, λέξεις-κλειδιά, περιγραφή{filter}μήκοςΕπόμενος:Ο τύπος "Αντικείμενο" ορίζεται σε μια συναρμολόγηση χωρίς αναφορά. Πρέπει να προσθέσετε μια απάντηση στο πρόγραμμα...
|
