怎么将初始状态设定为隐藏状态
日期：2014-05-16 浏览次数：20390 次
如何将初始状态设定为隐藏状态？
以下的代码显示一个日历和一个按钮，我希望此日历在刚打开页面的时候处于隐藏状态，（此后按下按钮后再显示，或者隐藏）
请问该如何修改？
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>Customizable Calendar Script</title>
</head>
<body>
<script>
year = 2008;
month = 2;
day = 25;
document.write('<tr>');
document.write('<td class="TestContainer">');
id = Calendar(year, month, day, null, 'CalendarStyle' );
document.write('<input type="button" onclick="ShowHide(this,\''+id+'\');" value="Hide"></td>');
document.write("</tr>");
function ShowHide(btn, id)
{
StyleObj = document.getElementById(id).style;
alert( StyleObj.display );
if (StyleObj.display != 'none')
{
StyleObj.display = 'none';
btn.value = 'Show';
}
else
{
StyleObj.display = 'block';
btn.value = 'Hide';
}
}
function Calendar(Year, Month, Day, ContainerId, ClassName)
{
Calendar.MonthNames = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
//If no parameter is passed use the current date.
this.oDate = new Date();
this.Year = (Year == null) ? this.oDate.getFullYear() : Year;
this.Month = (Month == null) ? this.oDate.getMonth() : Month - 1;
this.Day = (Day == null) ? 0 : Day;
this.oDate = new Date(this.Year, this.Month, 1);
this.NextMonth = new Date(this.Year, this.Month + 1, 1);
this.WeekStart = this.oDate.getDay();
// Get the number of months in current month
this.MonthDays = Math.round((this.NextMonth.getTime() - this.oDate.getTime()) / 86400000) + 1;
this.HTML = '<table class="' + ((ClassName == null) ? 'tblCalendar' : ClassName) + '" cellspacing="0">';
// Title bar
this.HTML += '<tr><td colspan="7" class="Title">' + Calendar.MonthNames[this.Month] + ' ' + this.Year + '</td></tr>';
alert( HTML );
// Week Names
this.HTML += '<tr class="WeekName"><td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td></tr>';
this.HTML += '<tr>';
// Fill the previous month days with space
for(DayCounter = 0; DayCounter < this.WeekStart; DayCounter++)
{
this.HTML += '<td> </td>';
}
// Populate current month
for(DayCounter = 1; DayCounter < this.MonthDays; DayCounter++)
{
if((DayCounter + this.WeekStart) % 7 == 1) this.HTML += '<tr>';
if(DayCounter == this.Day)
this.HTML += '<td class="SelectedDay">' + DayCounter + '</td>';
else this.HTML += '<td>' + DayCounter + '</td>';
if((DayCounter + this.WeekStart) % 7 == 0) this.HTML += '</tr>';
}
// Fill the next month days with space
for(j = (42 - (this.MonthDays + this.WeekStart)), DayCounter = 0; DayCounter <= j; DayCounter++)
{
this.HTML += '<td> </td>';
if((j - DayCounter) % 7 == 0) this.HTML += '</tr>';
}
this.HTML += '</table>';
// Check whether the Container Id is null
if(ContainerId != null)
{
this.Container = document.getElementById(ContainerId);
if(this.Container) // If an object exists with the given ContainerId insert the
以下的代码显示一个日历和一个按钮，我希望此日历在刚打开页面的时候处于隐藏状态，（此后按下按钮后再显示，或者隐藏）
请问该如何修改？
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>Customizable Calendar Script</title>
</head>
<body>
<script>
year = 2008;
month = 2;
day = 25;
document.write('<tr>');
document.write('<td class="TestContainer">');
id = Calendar(year, month, day, null, 'CalendarStyle' );
document.write('<input type="button" onclick="ShowHide(this,\''+id+'\');" value="Hide"></td>');
document.write("</tr>");
function ShowHide(btn, id)
{
StyleObj = document.getElementById(id).style;
alert( StyleObj.display );
if (StyleObj.display != 'none')
{
StyleObj.display = 'none';
btn.value = 'Show';
}
else
{
StyleObj.display = 'block';
btn.value = 'Hide';
}
}
function Calendar(Year, Month, Day, ContainerId, ClassName)
{
Calendar.MonthNames = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
//If no parameter is passed use the current date.
this.oDate = new Date();
this.Year = (Year == null) ? this.oDate.getFullYear() : Year;
this.Month = (Month == null) ? this.oDate.getMonth() : Month - 1;
this.Day = (Day == null) ? 0 : Day;
this.oDate = new Date(this.Year, this.Month, 1);
this.NextMonth = new Date(this.Year, this.Month + 1, 1);
this.WeekStart = this.oDate.getDay();
// Get the number of months in current month
this.MonthDays = Math.round((this.NextMonth.getTime() - this.oDate.getTime()) / 86400000) + 1;
this.HTML = '<table class="' + ((ClassName == null) ? 'tblCalendar' : ClassName) + '" cellspacing="0">';
// Title bar
this.HTML += '<tr><td colspan="7" class="Title">' + Calendar.MonthNames[this.Month] + ' ' + this.Year + '</td></tr>';
alert( HTML );
// Week Names
this.HTML += '<tr class="WeekName"><td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td></tr>';
this.HTML += '<tr>';
// Fill the previous month days with space
for(DayCounter = 0; DayCounter < this.WeekStart; DayCounter++)
{
this.HTML += '<td> </td>';
}
// Populate current month
for(DayCounter = 1; DayCounter < this.MonthDays; DayCounter++)
{
if((DayCounter + this.WeekStart) % 7 == 1) this.HTML += '<tr>';
if(DayCounter == this.Day)
this.HTML += '<td class="SelectedDay">' + DayCounter + '</td>';
else this.HTML += '<td>' + DayCounter + '</td>';
if((DayCounter + this.WeekStart) % 7 == 0) this.HTML += '</tr>';
}
// Fill the next month days with space
for(j = (42 - (this.MonthDays + this.WeekStart)), DayCounter = 0; DayCounter <= j; DayCounter++)
{
this.HTML += '<td> </td>';
if((j - DayCounter) % 7 == 0) this.HTML += '</tr>';
}
this.HTML += '</table>';
// Check whether the Container Id is null
if(ContainerId != null)
{
this.Container = document.getElementById(ContainerId);
if(this.Container) // If an object exists with the given ContainerId insert the
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
