JavaScript学习笔记3

JavaScript学习笔记3

定时函数

setInterval(fn,millisec)方法

• 可按照指定的周期（以毫秒计）来调用函数或计算表达式，循环执行多次。
  setTimdeout(fn,millisec)方法
• 用于在指定的毫秒数后调用函数或计算表达式，只执行一次。

示例

//开启一个定时函数
var n = 0;
function fn(){
	document.title = n++;
}
var timer = setInterval("fn()",1000);

定时清除函数

clearInterval(timer)方法

• 可取消由setInterval()设置的timerout
  clearTimeout(timer)方法
• 可取消由setTimeout()方法设置的timeout

定时函数的不同写法

//函数
var n = 0;
var fn = function fn(){ document.title = n++; }

//方法1:
var timer = window.setInterval("fn()",1000);
//方法2:
var timer = window.setInterval(fn,1000);
//方法3:
var timer = window.setInterval(function(){
fn()},1000);

DOM概述

DOM(文档对象模型)提供了添加、移动、改变或移除结构文档的方法和属性
分类

• Core DOM 一套标准的针对任何结构化文档的对象
• XML DOM 一套标准的针对XML文档的对象
• HTML DOM 一套标准的针对HTML文档的对象

DOM的节点

HTML文档中的每个成分都是一个节点(Node)
DOM是这样规定的：

• 整个文档是一个文档节点
• 每个HTML标签是一个元素节点
• 包含在HTML元素中的文本是文本节点
• 每一个HTML属性是一个属性节点
• 注释属于注释节点

节点间的关系

节点彼此都有等级关系

• 父节点、子节点、兄弟节点(同级节点)
  

访问节点

使用getElement系列方法来访问指定的节点

• getElementById()：返回对拥有指定id的第一个对象的引用
• getElementsByTagName()：返回带有指定名称的对象集合
• getElementsByName()：返回带有指定名称的对象集合（注意不是所有标签都有name属性)

JavaScript的对象

对象的概念

• 一种特殊的数据类型(Object类型)
• 拥有一系列的属性和放啊
• 分为内置对象和自定义对象

JavaScript常用内置对象
String

• 用于支持对字符串的处理

Date

• 用于操作日期和时间

Array

• 用于在单独的变量名中存储一系列的值

Math

• 用于执行常用的教学任务，它包含了若干个数字常量和函数