eine HTML-Seite Angenommen:Wie nur mit der Seitenhöhe von X Pixeln erhöhen Javascript
<html>
<body>
.. html content (outside of our control) ..
.. javascript block ..
.. some more html content (outside of our control) ..
</body>
</html>
Nehmen wir weiter an, dass der einzige Teil der HTML-Seite, die wir ein Javascript-Block zu steuern, sind in der Lage ist, in die Mitte der Seite.
Wie verwende ich den JavaScript-Block, um die gesamte Seitenhöhe um 150 Pixel zu erhöhen, indem Sie den unteren Rand der Seite "auffüllen"?
Wenn ich die HTML eine einfache Lösung wäre verändern könnte:
<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>
Aber wie erreiche ich dies nur durch den JavaScript-Block mit?
Die ideale Lösung sollte Cross-Browser-kompatibel und 100% Inline sein (dh keine JavaScript-Bibliothek verwenden).
Update # 1: Der JavaScript-Block hat Zugriff auf das gesamte DOM der Seite.
Update # 2: Die Gesamtlänge der Seite (vor der Änderung des DOM) variiert.
Update # 3: Angenommen, dass keine Javascript-Bibliothek (wie die sonst ausgezeichnete jQuery) verwendet werden kann.
Geht Ihr Javascript in einem iframe, oder hätten Sie Zugriff auf die gesamte Seite? – jacobangel