Java.Script
脚本
<script language="JavaScript " type ="text/javascript " >
</script>
外部应用
java是基于对象和事件驱动的客户端脚本语言
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>
</body>
练习二:
说明:根据客户电脑时间,在指定位置输出问候语(<div>--</div>)
简化:
1.根据电脑时间,我们需要获取电脑时间,获取时间方法
2.需要变量存储
3.判断分支语句
4.获取指定div的id或者dass 获取元素方法
5.然后用变量存储获取元素
6.通过元素来添加时间类容
代码:
<body>
<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代码