Heim > Web-Frontend > js-Tutorial > So ermitteln Sie die Browserbreite mit JQuery

So ermitteln Sie die Browserbreite mit JQuery

WBOY
Freigeben: 2021-12-13 15:46:22
Original
2226 Leute haben es durchsucht

So ermitteln Sie die Breite des Browsers mit jquery: 1. Verwenden Sie die Methode „$()“, um das Browserfensterobjekt abzurufen. 2. Verwenden Sie die Methode width(), um die Breite des angegebenen Browserobjekts zu ermitteln wird verwendet, um passende Elemente zurückzugeben oder festzulegen. Die Syntax lautet „$(window).width()“.

So ermitteln Sie die Browserbreite mit JQuery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So ermitteln Sie die Breite des Browsers mit jquery

Wir können die Breite des Browsers über die Methode width() ermitteln. Die Methode width() gibt die Breite des passenden Elements zurück oder legt sie fest.

Um den Browser anzupassen, können wir die $(window)-Anweisung verwenden, um das aktuelle Fenster abzurufen.

Das Beispiel lautet wie folgt:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function()  {
        alert($(window).width()); 
    });
</script>
</head>
<body>
</body>
</html>
Nach dem Login kopieren

Nach dem Ausführen des Codes lautet das Ausgabeergebnis:

So ermitteln Sie die Browserbreite mit JQuery

Wenn ich die Breite des sichtbaren Fensters des Browsers verkleinere:

So ermitteln Sie die Browserbreite mit JQuery

Empfohlene verwandte Video-Tutorials: jQuery-Video Tutorial

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die Browserbreite mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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