JavaScript基础
JavaScript简介:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,广泛用于客户web开发的脚本语言, 常用来给HTML(标准通用标记语言的子集)网页添加动态功能,比如响应用户各种操作。
JavaScript特点:1.一种解释性脚本语言(代码不进行预编译)2.主要用来向HTML页面添加交互行为 3.可以直接嵌入HTML页面 4.可以在多种平台下运行
JavaScript特性:1.基于对象 2.简单性 3.动态性 4.平台无关性 5.安全性
JavaScript语法基础:在网页中使用JavaScript 1.在HTML中创建脚本JavaScript片段 如下代码所示:
<script language="JavaScript" type="text/JavaScript">
//JavaScript代码
</script>
2.使用外部的JavaScript文件 3.在属性值中使用JavaScript
练习题
1.需求一
需求说明
a)根据客户时间,输出问候语
b)简化:根据客户输入的时间给出问候语
c)js简化说明
①用户输入的一个时间
②用变量储存
③根据时间判断上午下午或晚上
④给用户输出结果
document.write("上午好")
总体代码:
<script>
a = prompt("请输入时间(eg:下午16点 即输入:16)时间为0-24:")
if(a<=12)
document.write("上午好")
}else if(a<=18)
document.write("中午好")
}else if(a<=18)
document.write("晚上好")
</script>
2需求二
需求说明
a) 根据客户电脑时间,在指定位置输出问候语 (<div>____好<div>)
js转化说明:
1.根据电脑时间,我们需获取电脑时间,获取时间方法
2.需要变量来储存
3.判断分支语句
4.获取指定的div的id或者dass。获取元素的方法
5.然后用变量储存获取的元素
6.通过元素来添加时间内容
总体代码:
<body>
<div id ="one" style="color:#255e95:width:100px;height:100px;border:
1px solid red"></div>
<script>
var date = new Date();
var hours = date.getHours();
var text = document.getElementByld("one");
if(hours<=12){
text.innerHTML = "上午好"
} else if (hours<=18) {
text.innerHTML ="下午好"
} else if (hours<=24) {
text.innerHTML = "晚上好"
}
</script>
</body>
3.练习Date()内置函数
var today = new Date();//获得当前时间
var hh = today.getHours(); //获得小时、分钟、秒
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementByld("myclock").innnerHTML=hh+"."+mm+"."+ss