Heim > Web-Frontend > js-Tutorial > Hauptteil

Vergleich der Methoden und Unterschiede zwischen Js und Jq zum Erhalten von Seitenelementwerten_jquery

WBOY
Freigeben: 2016-05-16 16:01:47
Original
1090 Leute haben es durchsucht

Sowohl JS als auch Jquery können 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 Breite des Elements einschließlich des inneren Randes (Auffüllung),
obj.outerWidth() ==> Ermitteln Sie die Elementbreite einschließlich der inneren Grenze (Padding) und des Randes (Border)
obj.outerWidth(true) ==> Ermitteln Sie die Breite des Elements einschließlich des äußeren Rands (Rand)
Das gleiche Element w 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 der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!