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代码,通过

标示名:
day09 JavaScrip

变量:
数据类型:
day09 JavaScrip


day09 JavaScrip

运算符:与Java中不一致的地方
day09 JavaScrip

分支语句:
day09 JavaScrip

循环语句:
day09 JavaScrip

数组:注意事项:
day09 JavaScrip
一维数组:
day09 JavaScrip
二维数组:
day09 JavaScrip

函数的声明:
day09 JavaScrip


在JavaScript中是否存在函数重载?:

day09 JavaScrip

常用的函数:

encodeURI()和decodeURI():对中文字符进行编码和解码
day09 JavaScrip

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

isNaN()  判断一个数据是否是NaN,是  true   不是  false
day09 JavaScrip


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


日期对象中的常用的函数
day09 JavaScrip

setTimeout()  定时器
day09 JavaScrip


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 ( '你双击了我')"
day09 JavaScrip


焦点事件:失去焦点(onblur)和获取焦点(onfocus)
day09 JavaScrip

鼠标事件:onmouseover和onmouseout鼠标移入标记中和鼠标移出标记的事件
day09 JavaScrip
onmousedown和onmouseup 鼠标按下和松开的事件
day09 JavaScrip

onmousemove 鼠标移动事件
day09 JavaScrip

键盘事件:键盘按下事件onkeydown
对键盘中大部分的按键都有效果,除了截屏键,不区分大小写
onkeyup 键盘松开事件 对键盘中大部分按键都有效果,除了(F1....F12),不区分大小写
一般会使用在用户信息录入验证
onkeypress  按键盘事件 
只对字母键和数字键和少部分的功能(回车键 空格键 运算符号),区分大小写
day09 JavaScrip

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

选择事件:onchange一般是用于联动菜单
day09 JavaScrip


表单事件:onsubmit    onreset
day09 JavaScrip



浏览器对象:window  location document,history
window:
表示的是浏览器窗口,是顶层对象,通过window对象可以获取浏览器中的任意对象
所有的window对象中的方法或属性都可以直接获取或调用,省略掉window
常用的方法:
警告框:   
window.
确认框:comfirm()
day09 JavaScrip

输入框:prompt() 

day09 JavaScrip

open():


· day09 JavaScrip

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

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

document:HTML文件称之为是HTML文档
在HTML的代码中的每一个标记都能够在document中找到对应的一个对象
常用的方法:
getElementById():通过标记的ID属性值获取标记对象

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

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

write() 打印 不换行

writeln()打印 自动换行

DOM:Document Object Model文档对象模型
将HTML中的标记都映射成一个有层次的树形结构
day09 JavaScrip

案例1:菜单显示和隐藏
day09 JavaScrip
案例2:登录验证 :
day09 JavaScrip

day09 JavaScrip


案例3:动态操作表格
添加:
day09 JavaScrip
删除:
day09 JavaScrip


案例4:动态操作表格
day09 JavaScrip


案例5:二级联动菜单
day09 JavaScrip



day09 JavaScrip