day09 JavaScrip

1.什么是JavaScript？:

简称JS，是可以直接运行在浏览器中的脚本语言，无需编译，能够直接被浏览器解析的语言，基于对象和事件驱动的脚本语言

2.作用:

2.1.制作网页的特效

2.2.用于用户信息录入验证

2.3.可以制作网页游戏

4.JavaScript的使用方式

4.1.在HTML的a标记中的href属性中，写“javascript:”前缀，在前缀后面写JavaScript代码即可引入JavaScript  < a href=";">百度</ a >

4.2.在HTML中有标记

4.3.新建js文件写JavaScript代码，通过

标示名：

变量：

数据类型：

运算符：与Java中不一致的地方

分支语句：

循环语句：

数组：注意事项：

一维数组：

二维数组：

函数的声明：

在JavaScript中是否存在函数重载？：

常用的函数：

encodeURI()和decodeURI()：对中文字符进行编码和解码

parseInt()和parseFloat()  将字符串数据转化成数值类型

isNaN()  判断一个数据是否是NaN，是  true   不是  false

eval_r()  将指定的字符串转化成js能够识别的表达式

·

日期对象中的常用的函数

setTimeout()  定时器

setInterval()  间隔器

function fun(){

1.获取系统的当前时间

var date = new Date();

2.将当前时间转化成年月日时分秒格式的时间

date = date.toLocaleString();

3.获取HTML中的p标记对象

var p = document.get Element ById ("time");

4.将转化后的数据显示在页面中

innerHTML  获取或设置标签中的子元素（子标记或文本内容）

p.innerHTML = date;

调用函数

setInterval("fun()",1000); 间隔器  每隔1s执行一次fun()

function fun1(){

//1.获取系统的当前时间

var date = new Date();

//2.将当前时间转化成年月日时分秒格式的时间

date = date.toLocaleString();

//3.获取HTML中的p标记对象

var p = document.get Element ById("p");

//4.将转化后的数据显示在页面中

// innerHTML  获取或设置标签中的子元素（子标记或文本内容）

p.innerHTML = date;

//函数递归

setTimeout("fun1()",1000);

定时器

setTimeout("fun1()",1000); //1s后执行一次fun()

事件：

点击事件：单击事件（onclick）和双击事件(ondbclick)

input type="button" value="请点击我"" onclick="aler t ( '你点我干嘛！')" 

    input type="button" value="请双击我"  ondblclick="aler t ( '你双击了我')"

焦点事件：失去焦点（onblur）和获取焦点(onfocus)

鼠标事件：onmouseover和onmouseout鼠标移入标记中和鼠标移出标记的事件

onmousedown和onmouseup 鼠标按下和松开的事件

onmousemove 鼠标移动事件

键盘事件：键盘按下事件onkeydown

对键盘中大部分的按键都有效果，除了截屏键，不区分大小写

onkeyup 键盘松开事件 对键盘中大部分按键都有效果，除了（F1....F12），不区分大小写

一般会使用在用户信息录入验证

onkeypress  按键盘事件 

只对字母键和数字键和少部分的功能（回车键 空格键 运算符号），区分大小写

文档加载事件：onload

当文档中的所有的代码都加载完成之后会触发该文档加载事件

选择事件：onchange一般是用于联动菜单

表单事件：onsubmit    onreset

浏览器对象：window  location document，history

window：

表示的是浏览器窗口，是顶层对象，通过window对象可以获取浏览器中的任意对象

所有的window对象中的方法或属性都可以直接获取或调用，省略掉window

常用的方法：

警告框：   

window.

确认框：comfirm()

输入框：prompt() 

open()：

· 

location：  

属性href：获取或设置浏览器中当前地址栏的信息

方法reload()相当于浏览器中的刷新按钮

document：HTML文件称之为是HTML文档

在HTML的代码中的每一个标记都能够在document中找到对应的一个对象

常用的方法：

getElementById()：通过标记的ID属性值获取标记对象

getElementsByTagName() 通过标记名称获取对应的对象集合

getElementsByName()通过name属性值获取对应的对象的集合

write() 打印 不换行

writeln()打印 自动换行

DOM：Document Object Model文档对象模型

将HTML中的标记都映射成一个有层次的树形结构

案例1：菜单显示和隐藏

案例2：登录验证 ：

案例3：动态操作表格

添加：

删除：

案例4：动态操作表格

案例5：二级联动菜单