web页面设计实训总结___0312

LZM CSDN 写博客(一)

JavaScript基本语法：

JavaScript是基于对象和事件驱动的客户端脚本语言。
javaScrpit是互联网上最流行的脚本语言（不需要编译，即可直接运行）。主要运用在HTML和web当中。

JavaScript调试：

Chrome浏览器， 按F12按钮。可以弹出调试 js 的程序框，通过console可以调试 js 代码。（console.log(“”)）

JavaScript基本特点：

1.是一种解释执行的脚本语言
2.基于对象和事件驱动
3.简单
4.相对安全
5.动态性
6.只需要浏览器支持即可
7.嵌套在HTML当中

JavaScript基本语法：

1.脚本的基本结构
2.输入输出语句
3.数据类型
4.变量定义
5.分支语句
6.表达式 操作符 运算符

JavaScript数据类型：

1.布尔类型
2.字符串类型
3.布尔类型
4.字符串类型
5.数值类型
6.null和undefined
7.对象类型
8.function

三大流程语句：

1.分支语句（单分支和多分钟）
2.顺序语句
3.循环语句

变量的命名：

JavaScript中变量的命名规则与其它的语言的命名规则类似，需要遵循以下规则：
变量名必须以字母或下划线开头，后面可以是数字、字母或下划线；
变量名中不能包含不允许使用的特殊字符，例如空格及用于定义运算符的符号等；
变量名严格匹分大小写；
变量名不能使用关键字或保留字；
变量名最好包含变量的类型信息；

Date对象的方法

值	整数
seconds和minutes	0至59
hours	0至23
day	0至6（星期几）
date	1至31（月份中的天数）
months	0至11（一月至十二月）

系统函数

1.document.write(“中午好”);
2.prompt(“请输入一个时间值，0-24”,“12”)

自定义函数

关键字：function

document对象

1.getelementbyid()→返回对拥有指点ID的第一个对象的引用
2.getelementbyname()→返回带有指定的对象的集合
3.getelementbytagname()→返回带有指定标签名的对象的集合
4.write()→向文档写文本、HTML表达式或JAVAScript代码

document

a. Javascript通过document类型表示文档。在浏览器中，document对象是HTML document的一个实例，表示整个HTML页面。document对是window对象的一个属性。
b. document类型可以表示HTML页面或者基于XML页面的文档

课程练习

1.根据客户输入的时间给出问候语

 1.     

需求一

需求说明：
a）根据客户时间，输出问候语。
b)简化：根据客户输入的时间给出问候语。
代码块：
c）转化说明：
1.用户输入一个时间。
2.用变量存储。
3.根据时间判断上、中、下午好或晚上好。
4.给用户输出结果

2.根据客户电脑时间，在指定位置输出问候语

 1.  

需求二

需求说明：
a) 根据客户电脑时间，在指定位置输出问候语（

____好

）
转化说明：
1.根据电脑时间，我们需要获取电脑时间 获取时间方法
2.需要变量进行储存
3.判断分支语句
4.获取指定div的id或者diass 获取元素方法
5.然后用变量储存获取的元素
6.通过元素来添加时间类

3.练习date（）内置函数、时分秒、年月日

     1.         var today=new Date();//获得当前时间
     2.         var hh= today.getHours();//获得小时、分钟、秒
     3.         var mm=today.getMinutes();
     4.         var ss=today.getSeconds();
     5.         document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;