Wie kann ich Bildschirm-, Webseiten- und Browserfensterabmessungen in JavaScript erhalten?

Fenster- und Bildschirmabmessungen in verschiedenen Browsern bestimmen

Das Ermitteln der Abmessungen des Bildschirms, der Webseite und des Browserfensters kann für verschiedene Browser von entscheidender Bedeutung sein Webentwicklungsaufgaben. Glücklicherweise gibt es mehrere Ansätze, um dies in allen gängigen Browsern zu erreichen.

Bildschirmabmessungen

So ermitteln Sie die Abmessungen des Benutzerbildschirms:

• Modern Browser:

  window.screen.height;
  window.screen.width;

  Nach dem Login kopieren

Webseitenabmessungen

Für die Abmessungen der Webseite können Sie Folgendes verwenden:

• Modern Browser:

  window.innerHeight;
  window.innerWidth;

  Nach dem Login kopieren

Abmessungen des Browserfensters

Zur Bestimmung der Browserfenster Abmessungen:

• jQuery:

  // Size of browser viewport.
  $(window).height();
  $(window).width();

  Nach dem Login kopieren

Zusätzlich zu den genannten Abmessungen können Sie auch Folgendes erhalten Werte:

• pageX, pageY: Seitenkoordinaten des Mauszeigers des Benutzers.
• screenX, screenY: Bildschirmkoordinaten des Mauszeigers des Benutzers.

Vermächtnis Vorgehensweise

Vor der Standardisierung von window.screen und window.innerWidth konnten Sie die jQuery-Bibliothek zur Berechnung der Abmessungen verwenden. Diese Methoden sind jedoch veraltet und werden nicht mehr empfohlen:

• Seitenabmessungen:

  $(document).height();
  $(document).width();

  Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich Bildschirm-, Webseiten- und Browserfensterabmessungen in JavaScript erhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!