JavaScript学习Day10笔记

Day10笔记

一、延时定时器

// 延时调用。
// 当code是函数调用语句时，不用加（），直接写函数名。
// 一般情况下，code都是使用匿名函数。
// time是延迟时间，单位毫秒。
setTimeout(code,time)

返回值

​ 返回一个Number类型的数据，作为定时器的唯一标识。

var 定时器名 = setTimeout(code,time)

清除延时定时器

clearTimeout(定时器名)

二、循环定时器

// 重复调用。
// 当code是函数调用语句时，不用加（），直接写函数名。
// 一般情况下，code都是使用匿名函数。
// time是延迟时间，单位毫秒。
setInterval(code,time)

返回值

​ 返回一个Number类型的数据，作为定时器的唯一标识。

var 定时器名 = setInterval(code,time)

清楚循环定时器

clearInterval(定时器名)

三、history历史对象

浏览器后退

history.back() == history.go(-1)

浏览器前进

history.forward() == history.go(1)

四、location地址栏对象

获取当前页面的URL地址

location.herf

刷新当前页面

location.reload()

五、navigator获取浏览器信息

获取浏览器整体信息

navigator.userAgent

获取浏览器名称

navigator.appName

获取浏览器版本号

navigator.appVersion

获取当前计算机操作系统

navigator.platform

六、document对象属性

渲染引擎在解析HTML对象时，会生成一个document对象，即文档对象，它是HTML文档的根节点

document.title文档标题

document.title = '内容'

document.write输入文本

document.write()

getElement获取节点

// id  返回值类型 => 1个object。
document.getElementById('id属性值')

// 标签 返回值类型 => 数组。
document.getElementsByTagName('标签名')

// class 返回值类型 => 数组。
document.getElementsByClassName('class属性值')

// name 返回值类型 => 数组。
document.getElementByName('name属性值')

改变元素内容

.innerHTML = '<标签>HTML内容</标签>';
.innerText = '纯文本内容';
.value = '表单内容';

ame 返回值类型 => 数组。
document.getElementByName(‘name属性值’)

**改变元素内容**

.innerHTML = ‘<标签>HTML内容</标签>’;
.innerText = ‘纯文本内容’;
.value = ‘表单内容’;