2017-01-31 14 views
-1

私の質問は単純だと思われますが、うまくいかなかったので、助けてください。bodyタグのjavascript関数を呼び出すことができません

身体タグのOnLoad機能を使用してjavascript機能を呼び出していますが、それを機能させることはできません。以下は私のコードです。私が間違っているところで私を案内してください。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
     pageEncoding="ISO-8859-1"%> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>my test here</title> 
    <Style> 
    div.container { 
     width: 100%; 
     height: 100%; 
     border: 1px solid gray; 
    } 
    div.abc{ 

     width: 100%; 
      border: 2px solid blue; 

    } 
    /* footer{ 
    position: fixed; 
    bottom:0; 
    left:0; 
    height:30px; 
     width:100%; 
     background:#999; 
     /* display:flex; 
     flex-direction: column; */ 
    } */ 
    </Style> 
    </head> 

    <body onload="footer()"> 
    <div class="container"> 
    This is my first page; 

    </div> 

    <div id="footerpropeeties" class="abc"> 
    <footer> footer here </footer> 
    </div> 

    </body> 
    <script type="text/javascript"> 
    function footer(){ 

     var elementstyle=document.getElementById("footerpropeeties").style; 
     elementstyle.position="fixed"; 
     elementstyle.bottom=0; 
     elementstyle.left=0; 
     elementstyle.height=30px; 
     elementstyle.width="100%"; 
     elementstyle.background="#999"; 
    } 

    </script> 
    </html> 

フッタタグを使って同じコードをCSSスタイルタグに書き込んでも、JavaScriptで同じことをすることはできません。

いくつかの条件を使用していくつかのプロパティを操作する必要があるため、コードを操作する必要があります。

+0

'' でスクリプトを配置する必要がありますelementstyle.height=30px;でありますか? –

+0

@AlexK。 - それのポイントは何ですか? – Quentin

+0

@Sivaはブラウザのコンソールで表示され、コードにエラーが表示されます。 –

答えて

5
elementstyle.height=30px; 

30pxのような文字列リテラルは、彼らの周りの引用符を持っている必要があります。

このエラーのため、JSコンソールにunexpected identifierエラーメッセージが表示されます。

+0

サー..あなたは最高です..助けを借りてくれました – Siva

+0

エラーはほとんどありません予期しない識別子のエラーメッセージが見つかりませんでした – Siva

1

問題は、これがelementstyle.height="30px";

+0

助けてくれてありがとう..解決済み – Siva

関連する問題