javascript语言基础
javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端WEB开发的脚本语言,常用来给HTML(标准通用标记语言的子集)网页添加动态功能,比如响应用户的各种操作。
为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript.
基本特点:1、基于对象2、简单性3、动态性4、平台无关性5、安全性
在HTML中创建脚本JavaScript片段,需要把所有的JavaScript片段,需要把所有的JavaScript代码放置在<script>标签中
例:内部<script language="JavaScript"type="text/JavaScript"> //JavaScript代码</script>
外联:
<script src = "js.js" type="text/></script>
JavaScript注释方式:
单行注释//,多行注释/* */
使用外部的JavaScript文件
首先需要创建一个JavaScript文件,保存在站点中,再使用下面的方法将外部JavaScript脚本文件引入到当前界面: <script language="JavaScript' type= "text/JavaScript" src="file.js'></script> 注:属性src用来指定外部JavaScript脚本文件的路径,且<script></script>标签要嵌入<head></head>标签之间。需要注意的是 在JavaScript脚本文件中,不需要加入<script></script>标记,直接编写JavaScript代码即可。
课堂练习。
1、需求1
需求说明
a) 根据客户时间,输出问候话。
b)简化:根据客户输入的时间给出问候话
//在JS中用户输入时间即输入方法prompt("请输入时间:") 如何存储数据即变量存储 a= prompt("请输入时间:") 判断分支语句if(a<=12) else if(a<=18) else if(a,=24) 如何输出数据即输出方法 document.write("上午好/下午好/晚上好")
js转化说明
1、用户输入一个时间
2、用变量存储
3、根据时间判断上、下午或晚上。
4、给用户输出结果
总体代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<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>
2、需求二
需求说明
a) 根据客户电脑时间,在指定位置输出问候语(<div>——好<div>)
js转化说明
1、根据电脑时间,我们需要获取电脑时间 获取时间方法
2、需要变量来存储
3、判断分支语句
4、获取指定div的id或者class 获取元素方法
5、然后用变量存储获取的元素
6、通过元素来添加时间内容。
<body>
<div id="one" style="color:#255e95;width: 100px;height:100px;border:1px solid black"></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>
3、练习Date()内置函数
Date对象的方法
值 | 整数 |
---|---|
sencond和minutes | 0-59 |
Hours | 0-23 |
Day | 0至6(星期几) |
Date | 1-31(月份中的天数) |
Months | 0-11(1-12月) |
var today=new Date();//获得当前时间
var hh = today.getHours();//获得小时,分钟,秒
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementByld("myclock").innerHTML=hh+"."+mm+"."+ss
本节课需掌握知识点:1、掌握脚本的基础结构2、掌握常用输入输出语句3、掌握变量的定义4、理解JavaScript的数据类型5、学会使用分支语句6.了解表达式、操作符、运算符 7、文档对象等。0312