Heim >Web-Frontend >js-Tutorial >JS- und Jq-Methoden zum Erhalten von Browser- und Objektwerten _Javascript-Kenntnisse

JS- und Jq-Methoden zum Erhalten von Browser- und Objektwerten _Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:10:181166Durchsuche

JS und Jquery können beide die Breite, Höhe und relative Verschiebung von Seitenelementen ermitteln. Können sie konvertiert oder durcheinander ersetzt werden? In diesem Artikel wird es Ihnen ausführlich vorgestellt.

1.Js erhält Browserhöhe und -breite

document.documentElement.clientWidth ==> Breite des im Browser sichtbaren Bereichs
document.documentElement.clientHeight ==> Höhe des im Browser sichtbaren Bereichs
document.body.clientWidth ==> BODY-Objektbreite
document.body.clientHeight ==> BODY-Objekthöhe

Jq erhält Browserhöhe und -breite

$(window).width() ==> Breite des im Browser sichtbaren Bereichs
$(window).height() ==> Höhe des im Browser sichtbaren Bereichs
$(document).height() ==> Höhe des Seitendokuments
$(document.body).height() ==> BODY-Objekthöhe

2.Js ermittelt die Höhe und Breite des Objekts

obj.width = obj.style.width
obj.clientWidth = width + padding ==> Ermittelt die Breite des Elements einschließlich des inneren Randes (Padding)
obj.offsetHeight = height + padding + border ==> Ermittelt die Höhe des Elements einschließlich Innenrand (Padding) und Rand (Rand)

Jq ermittelt die Höhe und Breite des Objekts

obj.innerWidth() ==> Ermittelt die Elementbreite einschließlich Innenrand (Auffüllung),
obj.outerWidth() ==> Ermitteln Sie die Elementbreite einschließlich der inneren Grenze (Auffüllung) und des Randes (Border)
obj.outerWidth(true) ==> Ermitteln Sie die Breite des Elements einschließlich des äußeren Rands (Rand)

wDas gleiche Element sollte sein: width()<=innerWidth()<=outerWidth()<=outerWidth(true);

3.Js Ermitteln Sie die relative Höhe und Breite des Objekts

obj.offsetLeft ==> Das Element ist relativ zum übergeordneten Element links
obj.offsettop ==> Die Oberseite
des Elements relativ zum übergeordneten Element obj.scrollWidth ==> Ermitteln Sie die Bildlaufbreite des Objekts
obj.scrollHeight ==> Ermitteln Sie die Bildlaufhöhe des Objekts
obj.scrollLeft ==> Legt den Scrollabstand am linken Ende des Objekts fest oder erfragt ihn
obj.scrollTop ==> Legt den Scrollabstand am oberen Rand des Objekts fest oder ruft ihn ab

Jq ermittelt die relative Höhe und Breite des Objekts

obj.offset().left ==> Das Element ist relativ zur linken Seite des Dokuments
obj.offset().top ==> Das Element ist relativ zum oberen Rand
des Dokuments obj.scrollLeft() ==> Legt den Versatz des Objekts relativ zur linken Seite der Bildlaufleiste fest oder gibt ihn zurück.
obj.scrollTop() ==> Legt den Versatz des Objekts relativ zum oberen Rand der Bildlaufleiste fest oder gibt ihn zurück.

Das Obige ist die vom Editor eingeführte Methode zum Abrufen von Browser- und Objektwerten in Js und Jq. Ich hoffe, dass sie für alle hilfreich ist!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn