Java.Script2019.3.12
1①脚本
<script language="JavaScript " type ="text/javascript " >
</script>
html5 版本
<script>
</script>
②使用外部的JavaScript文件
<script language="JavaScript " type ="text/javascript " src="line.js"></script>
2.练习
需求一：
① 用户输入一个时间
②用变量存储
③根据时间判断上午、下午、晚上
④给用户输出结果
转换：
①在js中如何让用户输入数据即输入方法
prompt("请输入时间:")
②如何存储数据即变量存储
a=prompt("请输入时间:")
③判断即分支语句
if(a<=12){
}else if(a<=18){
}else if(a<=24){
}
④如何输出数据即输出方法
总代码：
<script >
a=prompt("请输入时间（eg:下午16点 即输入：16）时间为0-24")
if(a<=12){
document.write ("上午好")
}else if(a<=18){
document.write ("中午好")
}else if(a<=24){
document.write ("晚上好")
}
</script>
需求二：
说明：根据客户电脑时间，在指定位置输出问候语（<div>--</div>）
js转化说明
1.根据电脑时间，我们需要获取电脑时间，获取时间方法
2.需要变量存储
3.判断分支语句
4.获取指定div的id或者dass 获取元素方法
5.然后用变量存储获取元素
6.通过元素来添加时间类容
总代码：
<div id="one" style="color: #99cc00;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>
掌握JavaScript基本语法：
1. 掌握脚本的基本结构
<script>
JavaScript
</script>
使用<script>标签将语句嵌入文档
可以嵌入<head></head>标签之间
也可以嵌入<body></body>标签之间
外部<script language="JavaScript " type ="text/javascript " src="line.js"></script>
2.掌握常用输入输出语句
prompt("提示信息"，)
prompt("提示信息"，默认值)
将弹出提示对话框，接受用户的输入，点击确定返回输入的字符串，点击取消反填空字符串
document.write("")
alert("")
3.掌握变量的定义
var name="xiaobai"; //name是字符串类型
var--用于声明变量的关键字
name--变量名
var age=20; //age是整数
不声明直接赋值
age=20;
4.理解JavaScript的数据类型
基本数据类型
数值类型
布尔类型
字符串类型
复合数据类型
数组和对象
特殊数据类型
Null和undefine
三大流程控制
顺序语句
分支语句
循环语句
5. 学会使用分支语句
单分支、双分支
6.了解表达方式、操作符、运算符等
document 对象
getElementByld() 返回对拥有指定id的第一个对象的引用（按元素的id名称来访问）
getElementByName() 返回带有指定名称的对象的整合（按元素的name名称来访问）
getElementByTagName() 返回带有指定标签的对象集合（按标签来访问）
write() 向文档写文本、HTML表达式或JavaScript代码
Data对象的用法
Seconds和Minutes 0至59
Hours 0至23
Day 0至6（星期几）
9600
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
