1 创建JavaScript脚本片段
html4 版本
<script language="JavaScript" type="text/javascript">
</script>
html5版本
<script>
————
——
</script>
2 使用外部的JavaScript文件
<script language="javaccript" type="text/javascript" src="file.js"></script>
3 在属性值中使用JavaScript
<input type="button" value="提交" οnclick="alert(’确定要提交吗?‘)“/>
document对象:
getElementByld() 返回对拥有指定id的第一个对象的引用
getElement是B有Name() 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本,HTML表达式或JavaScript代码
Date 对象的方法:
seconds和Minutes 2至59
Hours 0至23
Day 0至6(星期几,0代表星期天)
Date 1至31(月份中的天数)
Months 0至11(一月至十二月,0代表1月)
需求一:
需求说明
*根据客户时间,输出问候语
*简化:根据客户输入的时间输出问候语
转换:
1.在js中如何让用户输入数据即输入方法
prompt(”请输入时间:“)
2.如何存储数据即变量存储
a=prompt(”请输入时间:“)
3.判断即分支语句
if(a<12){
}else if(a<18){
}else if(a<24){
}
4.如何输出数据即输出方法
if(a<12){
document.write("上午好")
}else if(a<18){
document.write("中午好")
}else if(a<24){
document.write("晚上好")
}
2.需求二:
需求说明
*根据客户电脑时间,在指定位置输出问候语(<div>__好</div>)
代码
<div id="one" style="color: #1c18ee ;width:100px;height: 100px;border: 1px solid red;"></div>
<script>
var date=new Date();
var hours=date().getHours();
var text=document.getElementById("one")
if(hours<12){
text.innerHTML("上午好")
}else if(hours<18){
text.innerHTML("中午好")
}else if(hours<24){
text.innerHTML("晚上好")
}
</script>
3.需求三:
练习Date()内置函数
代码
<body>
<script>
var today=new Date();//获取当前时间
var hh=today.getHours();//获取小时 分钟 秒
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getElementById("myclock").innerHTML=hh+"_"+mm+"_"+ss
</script>
</body>