比较常见的比如一些网页上有日期选择的效果,一般都是用所谓的javascript控件实现的。
JavaScript简称“JS”是一种轻量级的脚本语言,可以部署在多种环境,最常见的部署环境是浏览器。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的操作方法JavaScript的核心部分相当精简,只包括两个部分
1、基本的语法构造(比如操作符、控制结构、语句)
2、标准库(就是一系列具有各种功能的对象比如Array、Date、Math等)。
除此之外,还有提供的额外API可以分成三大类:浏览器控制类、DOM类、Web类
JavaScript的调试工具也是极其简单。只要安装了chrome浏览器,那么在其自带的“开发者工具”中唤醒“控制台”,就能够随时运行和调试JavaScript代码
控制台(console)就是指代码运行和调试的一个工具,因为开发者可以在这个工具中对整个代码的运行过程进行调控,故形象的被成为控制台。
<script>function CalDays()
{
var ERR_MSG = "输入的时间格式不正确"
var inp = start.getElementsByTagName("input")//获取起始年月日
var inp2 = end.getElementsByTagName("input")//获取结束年月日
for(var i=0i<3i++)//验证年月日是否为数字
{
if( isNaN(inp[i].value) || isNaN(inp2[i].value))
{
alert(ERR_MSG)
return
}
}
var startDate //起始日期
var endDate//结束日期
try{
startDate = new Date(inp[0].value,inp[1].value,inp[2].value)
endDate = new Date(inp2[0].value,inp2[1].value,inp2[2].value)
}
catch(e)
{
alert(ERR_MSG)
}
var day = (endDate - startDate)/1000/24/3600
if( day <0 )
{
alert("结束天数比起始天数更早!请重新填写!")
return
}
alert("请假的天数为:" + day + "天" )
}
</script>
<div id="start">请假起始日期:<input type="text" size="5" value="2005" />年<input type="text" size="5" value="5" />月<input type="text" size="5" value="1" />日</div>
<div id="end">请假结束日期:<input type="text" size="5" value="2005" />年<input type="text" size="5" value="5" />月<input type="text" size="5" value="3" />日</div>
<input type="button" value="计算天数" onclick="CalDays()"/>