Heim > Web-Frontend > js-Tutorial > Hauptteil

Klicken Sie direkt auf JS und Jquery, um den Breiten- und Höhencode des Bildschirms zu erhalten

coldplay.xixi
Freigeben: 2020-06-13 17:51:39
nach vorne
2093 Leute haben es durchsucht

Klicken Sie direkt auf JS und Jquery, um den Breiten- und Höhencode des Bildschirms zu erhalten

JS, JQuery-Code zum Abrufen der Breite und Höhe des Bildschirms


JS, Jquery-Code, um die Breite und Höhe des Bildschirms zu erhalten. Es gibt viele Möglichkeiten, dies zu erreichen, aber egal wie viele, die allgemeinen integrierten Funktionen sind immer noch dieselben Listen Sie sie kurz auf.

Javascript ruft den Breiten- und Höhencode des Bildschirms ab

Die Breite des sichtbaren Bereichs der Webseite: document.body.clientWidth

Die Höhe des sichtbarer Bereich der Webseite: document.body.clientHeight

Die Breite des sichtbaren Bereichs der Webseite: document.body.offsetWidth (einschließlich der Breite der Kanten)

Die Höhe des sichtbaren Bereichs der Webseite: document.body.offsetHeight (einschließlich der Höhe der Kanten)

Die vollständige Textbreite der Webseite: document.body.scrollWidth

Die vollständige Texthöhe der Webseite: document.body.scrollHeight

Die Höhe der gescrollten Webseite: document.body.scrollTop

Die Höhe der gescrollten Webseite Linker Teil der Webseite: document.body.scrollLeft

Der linke Teil des Hauptteils der Webseite: window.screenTop

Der linke Teil des Hauptteils der Webseite : window.screenLeft

Die hohe Bildschirmauflösung: window screen.height

Die Breite der Bildschirmauflösung: window.screen.width

Die verfügbare Arbeitsbereichshöhe von der Bildschirm: window.screen.availHeight

Die Breite des verfügbaren Arbeitsbereichs des Bildschirms: window .screen.availWidth

JQuery-Code zum Abrufen der Breite und Höhe des Bildschirms

 $(document).ready(function(){
  alert($(window).height()); //浏览器当前窗口可视区域高度
  alert($(document).height()); //浏览器当前窗口文档的高度
  alert($(document.body).height());//浏览器当前窗口文档body的高度
  alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
  alert($(window).width()); //浏览器当前窗口可视区域宽度
  alert($(document).width());//浏览器当前窗口文档对象宽度
  alert($(document.body).width());//浏览器当前窗口文档body的宽度
  alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
  })
Nach dem Login kopieren

Empfohlenes Tutorial: „JS Basic Tutorial

Das obige ist der detaillierte Inhalt vonKlicken Sie direkt auf JS und Jquery, um den Breiten- und Höhencode des Bildschirms zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:liqingbo.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!