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 鼠标按下和松开的事件
表单事件: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:菜单显示和隐藏
案例3:动态操作表格
添加: