跨浏览器JS日历实现及技巧分享

"这篇资源是关于JavaScript实现的跨浏览器兼容的日历组件，作者在两年后重写了之前的版本，以提高其兼容性，并分享了在处理FF和IE浏览器盒模型差异的经验。作者指出，FF和IE对CSS盒模型的解析不同，IE按照包含边框的宽度计算，而FF则不包括。为了兼容两者，可以使用特定的CSS写法，例如通过`!important`和多行注释来设置不同的宽度。此外，还提供了日历控件的JavaScript代码实现，包括创建对象、调用方法及参数说明，适用于MSIE6/Opera8/FireFox1.5等浏览器，作者提供了联系方式和创建日期。" 本文介绍的JavaScript日历组件着重于浏览器兼容性和W3C标准化的实践。在开发过程中，作者遇到了FF（Firefox）和IE（Internet Explorer）浏览器对CSS盒模型理解的差异问题。盒模型在CSS中用于定义元素的尺寸，包括内容区域、内边距、边框和外边距。在IE中，`width`属性包括了边框和内填充，而在FF中，`width`仅指内容区域的宽度，边框和内填充需要额外计算。为了解决这个问题，作者给出了一个技巧，即使用`width:100!important;width/**/:120px;border:1px;`这样的CSS规则，其中`!important`使得FF使用第二条规则，而IE会忽略多行注释后的规则，从而达到在不同浏览器下的统一效果。 接着，作者分享了日历组件的JavaScript实现，通过创建`Calendar`函数，用户可以通过指定参数如文本输入框、按钮以及初始值来显示日历。日历组件的样式可定制，包括边框颜色、表头背景和字体颜色等。通过`new Calendar("c")`实例化对象，并调用`show`方法，如`c.show(this)`和`c.show(this, '2006-01-01')`，可以实现与页面元素的交互。 这个日历控件在MSIE6、Opera8和FireFox1.5版本下经过测试，表明其具有较好的浏览器兼容性。作者鼓励使用者保留原始信息，并提供了联系信息以便于进一步交流或获取支持。 这个资源为开发者提供了一个实用的JavaScript日历插件示例，它不仅解决了浏览器兼容性问题，还展示了如何通过JavaScript实现动态交互的UI组件，对于前端开发者尤其是处理跨浏览器兼容性的开发者来说，是一个有价值的学习参考资料。