Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für die Bestimmung der Bildgröße durch Javascript Analysis_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:44:19
Original
1062 Leute haben es durchsucht

Normalerweise beurteilen wir die Größe von js-Bildern, indem wir das Bildobjekt verwenden und dann attr verwenden, um die Bildadresse zu erhalten und dann zu beurteilen .
Einfachster Weg:

Code kopieren Der Code lautet wie folgt:

var img=new Image();
img .src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr(' Breite', '240');
}

Wenn die Seite im obigen Beispiel nicht geladen wurde, kann js die Bildgröße nicht ermitteln. Dazu können wir zunächst feststellen, ob der Ladevorgang abgeschlossen ist, und dann die Bildgröße bestimmen.

Code kopieren Der Code lautet wie folgt:



Oder verwenden Sie jquery:

Code kopieren Der Code lautet wie folgt:

$("#imageId").load (function( ){
warning("Laden abgeschlossen!");
});

Jetzt können wir den Code optimieren

Code kopieren Der Code lautet wie folgt:

$("#tlogo").load (function( ){
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240 '){
        $('#tlogo').attr('width','240');
}
});

Hinweis hier: #tlogo ist eine ID, die Ihrer Bildadresse hinzugefügt wird. Dies ist erforderlich.

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!