1.JavaScript的基本语法
JavaScript是一种基于对象和事件驱动客户端脚本语言
a.创建JavaScript脚本片段
html4 版本
<script language="JavaScript" type="text/javascript">
</script>
html5版本
<script>
————
——
</script>
b.使用外部的JavaScript文件
<script language="javaccript" type="text/javascript" src="file.js"></script>
c.在属性值中使用JavaScript
<input type="button" value="提交" οnclick="alert(’确定要提交吗?‘)“/>
2.JavaScript的补充课件
掌握javascript基本语法
*掌握脚本的基本结构
*掌握常用输入输出语句
*掌握变量的定义
*理解javascript的数据类型
@基本数据类型
1.数值类型
2.布尔类型
3.字符串类型
@符合数据类型
数组与对象
@特殊数据类型
Null和undefine
*学会使用分支语句
1.顺序语句
2.分支语句
3.循环语句
document对象
getElementByld() | 返回拥有指定id的第一个 |
---|---|
getElementByName() | 返回带有指定名称的对象集 |
getElementByTagName() | 返回袋妖指标签名的对象的集 |
write() | 向文档写文本,HTML表达式代码 |
Date对象的方法
值 | 整数 |
---|---|
seconds和minutes | 0至59 |
hours | 0至23 |
day | 0至6(星期几) |
date | 1至31(一个月的天数) |
months | 0至11(一年12月) |
练习
需求1
根据客户时间,输出问候语
简化:根据客户输入时间给出问候语
需求2
根据客户电脑时间,在指定位置输出问候语
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="one"style="color: aquamarine ;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>
</body>
</html>