Πώς να υπολογίσετε το ύψος του iFrame

Χρησιμοποιώντας IFrames είναι ένας δημοφιλής τρόπος για να ενσωματώσετε το περιεχόμενο από τη μία σελίδα HTML στο διαδίκτυο σε μια άλλη γονική σελίδα . Υπάρχουν κάθε αριθμό των χρήσεων για την τεχνική αυτή , συμπεριλαμβανομένων επαναφόρτωση το βασικό περιεχόμενο χωρίς ανανέωση ολόκληρης της σελίδας . Θα θέλουν να ξέρουν ποιο είναι το ύψος του iFrame είναι αν, για παράδειγμα , θέλετε να αποφύγετε μια γραμμή κύλισης στη σελίδα σας γύρω από το iFrame . JavaScript καθιστά τον υπολογισμό η τιμή ασήμαντο . Οδηγίες
Η 1

Πάρτε μια αναφορά στο στοιχείο iFrame DOM . Για παράδειγμα, για ένα iFrame με ένα αναγνωριστικό του « childframe " θα μπορούσατε να γράψετε τον ακόλουθο κώδικα JavaScript :

var domElement = document.getElementById ( « childframe ') ? 2

Access το ύψος του iFrame με αναφορά στο ύψος κύλισης εσωτερικό έγγραφο της είναι :

var frameHeight = domElement.contentWindow.document.body.scrollHeight ?

Η μεταβλητή " frameHeight " τώρα περιέχει τον αριθμό των pixels ψηλό ότι iFrame σας . Για παράδειγμα , αν εκτελέσετε τον παραπάνω κωδικό για ένα iFrame που είναι 450 pixels ύψος , στη συνέχεια έτρεξε αυτόν τον κώδικα :

alert ( frameHeight ) ?

Θα πάρετε ένα αναδυόμενο παράθυρο διαλόγου με τον αριθμό " 450 " σε αυτό
εικόνων 3

Ορίστε ένα νέο ύψος για την iFrame από την πρόσβαση σε στιλ ύψος του : .

domElement.style.height = frameHeight + 100 + " px » ?

Αυτό καθορίζει το ύψος στο παλιό ύψος συν 100 pixels . Στο παράδειγμα , θα ήταν 450 + 100 + ' px ». Σε JavaScript , που ισούται 550px .
Η
εικόνων