Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie js, um die Originalgröße der image_javascript-Fähigkeiten zu erhalten

WBOY
Freigeben: 2016-05-16 16:29:26
Original
1178 Leute haben es durchsucht

Die Größe des im Browser angezeigten Bildes entspricht möglicherweise nicht seiner tatsächlichen Höhe und Breite. Wie unten gezeigt, fügen wir ihm beispielsweise Breiten- und Höhenstile hinzu

Die im Browser angezeigte Größe beträgt 25 Pixel. Wie erhalten wir also die wahre Größe des Bildes? , der folgende Code implementiert diese Funktion

Code kopieren Der Code lautet wie folgt:




           


                                                                                                                                                                                                              //Legen Sie eine Verzögerung fest, um sicherzustellen, dass das Bild geladen wird
                setTimeout(function() {
              var
                                                           real_width,
                                 real_height,
_Im = document.GetelementByid ('Image'),
durch gewesen                         real_width = im.width,
                                      real_height = im.height;
alarm(real_width 'n' real_height);
             },500);
                                                                                     




Hinweis: Ich habe den obigen Code sowohl auf IE7 als auch auf Chrome getestet. Da IE6 nicht installiert ist, kann ich ihn nicht testen.

Sehr einfach zu verwendender Code, ich verwende ihn in den meisten meiner Projekte, Sie können ihn gerne verwenden
Verwandte Etiketten:
js
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