===CALENDAR HTC===?
<HEAD>
<?IMPORT NAMESPACE="ANYDAY" IMPLEMENTATION="day.htc"/>
<?IMPORT NAMESPACE="TODAY" IMPLEMENTATION="today.htc"/>
<PUBLIC:COMPONENT tagName="CALENDAR">
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT>
<SCR<a href="http://ip.knowsky.com/">ip</a>T LANGUAGE="<a href="http://www.knowsky.com/article.asp?typeid=160">java</a>Script">
<!--
function fnInit() {
defaults.viewLink = document;
}
// -->
</SCRIPT>
<STYLE>
TD {
background-color:tan;
width:50;
height:50;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="<a href="http://www.knowsky.com/article.asp?typeid=36">Javascript</a>">
<!--
// Copyright 1997 -- Tomer Shiran
setCal();
function leapYear(year) {
if (year % 4 == 0) {// basic rule
return true; // is leap year
}
/* else */ // else not needed when statement is "return"
return false; // is not leap year
}
function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12);
ar[0] = 31; // January
ar[1] = (leapYear(year)) ? 29 : 28; // February
ar[2] = 31; // March
ar[3] = 30; // A<a href="http://pr.knowsky.com/">PR</a>il
ar[4] = 31; // May
ar[5] = 30; // June
ar[6] = 31; // July
ar[7] = 31; // August
ar[8] = 30; // September
ar[9] = 31; // October
ar[10] = 30; // November
ar[11] = 31; // December
// return number of days in the specified month (parameter)
return ar[month];
}
function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12);
ar[0] = "January";
ar[1] = "February";
ar[2] = "March";
ar[3] = "April";
ar[4] = "May";
ar[5] = "June";
ar[6] = "July";
ar[7] = "August";
ar[8] = "September";
ar[9] = "October";
ar[10] = "November";
ar[11] = "December";
// return name of specified month (parameter)
return ar[month];
}
function setCal() {
// standard time attributes
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var monthName = getMonthName(month);
var date = now.getDate();
now = null;
// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1);
var firstDay = firstDayInstance.getDay();
firstDayInstance = null;
// number of days in current month
var days = getDays(month, year);
// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year);
}
function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
//var headerHeight = 50 // height of the table's header cell
var border = 2; // 3D height of table's border
var cellspacing = 4; // width of table's border
var headerColor = "midnightblue"; // color of table's header
var headerSize = "+3"; // size of tables header font
var colWidth = 60; // width of columns in table
var dayCellHeight = 25; // height of cells containing days of the week
var dayColor = "darkblue"; // color of font representing week days
var cellHeight = 40; // height of cells representing dates in the calendar
var todayColor = "red"; // color specifying today's date in the calendar
var timeColor = "purple"; // color of font representing current time
// create basic table structure
var text = ""; // initialize accumulative variable to empty string
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>'; // table settings
text += '<TH COLSPAN=7 HEIGHT=' + 10 + '>'; // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>'; // set font for table header
text += monthName + ' ' + year;
text += '</FONT>'; // close table header's font settings
text += '</TH>'; // close header cell
// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>';
openCol += '<FONT COLOR="' + dayColor + '">';
var closeCol = '</FONT></TD>';
// create array of abbreviated day names
var weekDay = new Array(7);
weekDay[0] = "Sun";
weekDay[1] = "Mon";
weekDay[2] = "Tues";
weekDay[3] = "Wed";
weekDay[4] = "Thu";
weekDay[5] = "Fri";
weekDay[6] = "Sat";
// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">';
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol;
}
text += '</TR>';
// declaration and initialization of two variables to help with tables
var dayOfMonth = 1;
var curCell = 1;
for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">';
for (var col = 1; col <= 7; ++col) {
if ((curCell < firstDay) || (dayOfMonth > lastDate)) {
text += '<TD></TD>';
curCell++
} else {
if (dayOfMonth == date) { // current cell represents today's date
text += '<TD><TODAY:DAY value=' + dayOfMonth + '></TODAY:DAY></TD>';
} else {
text += '<TD><ANYDAY:DAY value=' + dayOfMonth + '></ANYDAY:DAY></TD>';
}
dayOfMonth++;
}
}
text += '</TR>';
}
// close all basic table tags
text += '</TABLE>';
text += '</CENTER>';
// print accumulative HTML string
document.write(text);
}
// -->
</SCRIPT>
</BODY>
</HTML>?以上就是HTML組件(HTML COMPONENTS)之十的內(nèi)容，更多相關(guān)文章請關(guān)注PHP中文網(wǎng)（m.miracleart.cn）！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
如何最小化HTML文件的大?。?/a>
如何使用元素代表文檔或部分的頁腳？
Jun 25, 2025 am 12:57 AM
是HTML5中用于定義頁面或內(nèi)容區(qū)塊底部的語義化標(biāo)簽，通常包含版權(quán)信息、聯(lián)系方式或?qū)Ш芥溄拥?；它可置于頁面底部或嵌套在、等?biāo)簽內(nèi)作為區(qū)塊尾部；使用時應(yīng)注意避免重復(fù)濫用及放入無關(guān)內(nèi)容。
隨著時間的流逝，HTML如何發(fā)展，其歷史上的關(guān)鍵里程碑是什么？
Jun 24, 2025 am 12:54 AM
htmlhasevolvedscreatscreationtomeetthegrowingdemandsofwebdevelopersandusers.inatelyallyasimplemarkuplanguageforsharingdocuments，ithasundergonemajorupdates，包括html.2.0，包括wheintrodistusefforms;
如何使用Tabindex屬性來控制元素的選項卡順序？
Jun 24, 2025 am 12:56 AM
ThetabindexattributecontrolshowelementsreceivefocusviatheTabkey,withthreemainvalues:tabindex="0"addsanelementtothenaturaltaborder,tabindex="-1"allowsprogrammaticfocusonly,andtabindex="n"(positivenumber)setsacustomtabbing
聲明是什么，它做什么？
Jun 24, 2025 am 12:57 AM
Adeclarationisaformalstatementthatsomethingistrue,official,orrequired,usedtoclearlydefineorannounceanintent,fact,orrule.Itplaysakeyroleinprogrammingbydefiningvariablesandfunctions,inlegalcontextsbyreportingfactsunderoath,andindailylifebymakingintenti
如何使用和元素為圖像提供標(biāo)題？
Jun 24, 2025 am 12:45 AM
在HTML中給圖片添加標(biāo)題的標(biāo)準方式是使用和元素。1.基本用法是將圖片包裹在標(biāo)簽內(nèi)，并在其內(nèi)部使用添加標(biāo)題，例如：這是圖片的標(biāo)題；2.推薦使用這兩個標(biāo)簽的原因包括語義明確、樣式控制方便以及可訪問性強，有助于瀏覽器、爬蟲和屏幕閱讀器理解內(nèi)容結(jié)構(gòu)；3.注意事項包括可放在上下但需保持邏輯順序、不能替代alt屬性，且可包含多個媒體元素構(gòu)成一個整體單元。
加載='懶惰”是什么HTML屬性，它如何改善頁面性能？
Jul 01, 2025 am 01:33 AM
loading="lazy"是用于和的HTML屬性，可啟用瀏覽器原生的懶加載功能，從而提升頁面性能。1.它延遲加載非首屏資源，減少初始加載時間、節(jié)省帶寬和服務(wù)器請求；2.適用于長頁面中大量圖片或嵌入內(nèi)容；3.不適用于首屏圖像、小圖標(biāo)或已使用JavaScript懶加載的情況；4.需配合優(yōu)化措施如設(shè)置尺寸、壓縮文件使用，以避免布局偏移并確保兼容性。使用時應(yīng)測試滾動體驗并權(quán)衡用戶體驗。
如何使用元素表示導(dǎo)航鏈接的一部分？
Jun 24, 2025 am 12:55 AM
使用元素表示導(dǎo)航鏈接區(qū)域的關(guān)鍵在于語義化和結(jié)構(gòu)清晰，通常配合組織鏈接。1.基本結(jié)構(gòu)是將并列鏈接放入中再包裹于內(nèi)，這樣對輔助工具友好且利于樣式控制和SEO；2.常見于或，用于放置主導(dǎo)航或頁腳鏈接集合；3.一個頁面可包含多個區(qū)域，例如主菜單、側(cè)邊欄或頁腳各自獨立的導(dǎo)航。
