Как увеличить высоту страницы на X пикселей, используя только JavaScript - PullRequest
Новая
       14

Как увеличить высоту страницы на X пикселей, используя только JavaScript

2 голосов
/ 29 апреля 2009

Предположим, HTML-страница: 

<html>
  <body>
     .. html content (outside of our control) ..
     .. javascript block ..
     .. some more html content (outside of our control) ..
  </body>
</html>

Предположим далее, что единственной частью HTML-страницы, которую мы можем контролировать, является блок javascript в середине страницы.

Используя этот блок javascript, как мне увеличить общую высоту страницы на 150 пикселей, "дополнив" нижнюю часть страницы?

Если бы я мог изменить HTML, простое решение было бы: 

<html>
  <body>
     .. html content (outside of our control) ..
     .. javascript block ..
     .. some more html content (outside of our control) ..
     <div style="height: 150px; clear: both;"></div>
  </body>
</html>

Но как мне добиться этого только с помощью блока javascript?

Идеальное решение должно быть кросс-браузерно-совместимым и на 100% встроенным (то есть без библиотеки javascript).

Обновление № 1: Блок javascript имеет доступ ко всему DOM страницы.

Обновление № 2: Общая длина страницы (до изменения DOM) варьируется.

Обновление № 3: Предположим, что нельзя использовать библиотеку javascript (например, отличный jQuery).

Ответы [ 3 ]

6 голосов
/ 29 апреля 2009

Обновленный код: 

var space = document.createElement('div');
space.style.height = "150px";
space.style.clear = "both";
document.getElementsByTagName("body")[0].appendChild(space);
1 голос
/ 29 апреля 2009

Можете ли вы генерировать элементы DOM через javascript и просто добавить этот div внизу?

Я бы проголосовал за коббала, если бы у меня был представитель ... хе.

0 голосов
/ 29 апреля 2009

$ ('body'). Append ($ ('

'));

возможно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...