JS - window einstellen der Höhe mit der aktuellen Fenster-Größe

Habe ich einige CSS, die braucht der Körper eine Höhe eingestellt, aber dies muss getan werden, je nach Benutzer.

Habe ich einige code, der irgendwie funktioniert - es berechnet die Fenster-Höhe, aber es ist nicht die änderung der Körpergröße. Was mache ich falsch?

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body').style.height = windowHeight + "px";
}
Welchen browser benutzen Sie? Im Beispiel der IE hat eine andere syntax eher Firefox und co.
Ich bin mit einem iPad, also webkit.
Ich denke, es fehlt etwas auf Ihrem code -Dokument.getElementsByTagName('body')[0].Stil.height = windowHeight + "px";

InformationsquelleAutor cloggy | 2013-01-24

  1. 5

    Müssen Sie einen eventListener, und Sie nicht brauchen, um verwenden Sie die getElementsByTagName da hat nur 1 body-tag:

    function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.body.style.height = windowHeight + "px";
    console.log(document.body.style.height);
}
window.addEventListener("resize",setWindowHeight,false);

    Oder, wenn Sie es verwenden möchten, können Sie dies tun:

    function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body')[0].style.height = windowHeight + "px";
    console.log(document.body.style.height);
//---------------------------------------´
//will get the first element tagged body
}
window.addEventListener("resize",setWindowHeight,false);

    BEARBEITEN (Änderte den code oben): Sie können den Wert in der Firefox Konsole. Öffnen(STRG + SHIFT + K) und die Größe des Fensters ändern, werden Sie sehen, die Veranstaltung Größe gefeuert werden, wenn Sie es tun.

    Danke Erick! Sehr geschätzt wird. Ich versuche zu lernen JS, aber das war ein bisschen über mich.

    InformationsquelleAutor Erick Ribeiro

  2. -1
    try this may work 

document.getElementsByTagName('body').height  = windowHeight + "px";

    InformationsquelleAutor A.T.

Schreibe einen Kommentar