2012-10-27 134 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属性)。