Допустим, на нашу страницу мы хотим внедрить внешнее содержание. Допустим, мы можем менять внешний вид «содержания» так, что дизайн нашей страницы не страдает.
Как?

Простой выход — использование iframe'a как контейнера для вывода внешнего содержимого.

Задача: Подогнать высоту контейнера ифрейма для соответствия высоте содержания.

В рассматриваемом примере в самый низ html-страницы, отображаемой в ифрейме, внедряется некий маркер с идентификатором, отталкиваясь от которого с помощью свойства offsetTop можно рассчитать высоту документа — от начала до точки маркера.

Значение переменной передаётся в документ-родитель; javascript, «слушающий» изменение значение переменной по setTimeout, изменит высоту контейнера, содержащего ифрейм.