0

特定の日付のときにボックスが表示されるアドベントカレンダーを作成しようとしています。しかし、私はただ働きません。

<html>
<head>
<script type="text/javascript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()

if(month == 10)
{
    document.write (month);
    document.getElementById("Ueberschrift").style.display = 'block';}
else {
    document.getElementById("Ueberschrift").style.display = 'none';}
</script>
</head>
<body>
<h1 id="Ueberschrift" style="display:none">Day 1</h1>
</body></html>

私は何をすべきかわからない...多分あなたたちは私を助けることができます

前もって感謝します

4

2 に答える 2

2

スクリプトを下に移動します:(スクリプトが実行beforeされている場合は、任意のスクリプトを見つけることができますH1）

<html>
<head>

</head>
<body>
<h1 id="Ueberschrift" style="display:none">Day 1</h1>
</body>

<script type="text/javascript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()

if(month == 10)
{
    document.write (month);
    document.getElementById("Ueberschrift").style.display = 'block';}
else {
    document.getElementById("Ueberschrift").style.display = 'none';}
</script>
</html>

http://jsbin.com/olijiv/2/edit

于 2012-10-27T13:26:30.070 に答える
0

スクリプトはheadセクションに残すことができますが、ページが読み込まれた後にトリガーします。

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
    var currentTime = new Date()
    var month = currentTime.getMonth() + 1
    var day = currentTime.getDate()

    if(month == 10)
    {
        // document.write (month);
        document.getElementById("Ueberschrift").style.display = 'block';
    }
    else
    {
        document.getElementById("Ueberschrift").style.display = 'none';
    }
}
</script>
</head>
<body>
<h1 id="Ueberschrift" style="display:none">Day 1</h1>
</body></html>

また、document.write (month)ステートメントは本文の内容全体を置き換えるため、ページに「Ueberschrift」要素がなくなったため、次のステートメントは失敗します。近づかないでくださいdocument.write（テスト要素とinnerHTMLorinnerTextプロパティを使用してください）。

于 2012-10-27T13:47:08.063 に答える