2012-10-27 133 views
0

我試圖建立一個出現日曆,其中的框出現在某個日期。但我只是不會工作..javascript幫助日期/顯示

<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> 

我不知道該怎麼辦... 也許你們能幫助我

在此先感謝

回答

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

+0

omfg ...謝謝你! –

0

可以留在頭部的腳本,但在頁面加載後觸發它:

<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(使用測試元素和innerHTMLinnerText屬性)。