Heim  >  Artikel  >  Web-Frontend  >  Klicken Sie direkt auf JS und Jquery, um den Breiten- und Höhencode des Bildschirms zu erhalten

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

coldplay.xixi
coldplay.xixinach vorne
2020-06-13 17:51:392049Durchsuche

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
  })

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:liqingbo.cn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen