一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

Javascript: js操作ajax返回的json的注意问题!; javascript document.compatMode兼容性; jquery 锁定弹出层实现代码; Jquery+CSS 创建流动导航菜单 Fluid Navigation; js下用层来实现select的title提示属性; JSON 学习之JSON in JavaScript详细使用说明; jquery实现的超出屏幕时把固定层变为定位层的代码; jQuery 性能优化手册推荐; javascript Firefox与IE 替换节点的方法; ext combox 下拉框不出现自动提示,自动选中的解决方法; json-lib出现There is a cycle in the hierarchy解决办法; 判断控件是否已加载完成的代码; javascript for循环设法提高性能; js 表格拖拽效果实例代码 (IE only); javascript 命名规则变量命名规则; js 面向对象的技术创建高级 Web 应用程序; User agent字符串将成为用户真正的隐私问题; JS教程:JavaScript全半角转换; JS教程:Chrome对数组的sort方法优化; WEBJX收集非常有用的免费的Javascript开发工具

No. « ‹ 289 290 291 292 › »

技术文章搜索

关键字

Javascript 中的一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 35 ::

收藏到网摘: n/a

理解Javascript的caller,callee,call,apply区别有趣的script标签用getAttribute方法来自脚本吧

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> Basic Calendar </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<style type="text/css">
.main {
width:200px;
border:0px solid black;
text-align:center;
}
.month {
background-color:black;
font:bold 12px verdana;
color:white;
}
.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}
.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}
.days #today{
font-weight: bold;
color: red;
}
</style>
<script type="text/javascript">
function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['January','February','March','April','May','June','July','August','September','October','November','December'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];
var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st
var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added
dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr>';
t+='<td colspan="7" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr>';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>';
t+='</tr><tr>';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' ';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr>';
}
return t+='</tr></table></div>';
}
</script>
</head>
<body>
<script type="text/javascript">
var todaydate=new Date()
var curmonth=todaydate.getMonth()+1; //get current month (1-12)
var curyear=todaydate.getFullYear(); //get current year
document.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 0));
</script>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

理解Javascript的caller,callee,call,apply区别有趣的script标签用getAttribute方法来自脚本吧

Javascript 中的 一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

评论 (0) All

Javascript 中的一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试