一、BOM
1、window{
document{
anchors
forms
images
links
location
}
frames
history
location
navigator
screen
}
2、定时器
function execute() {
console.info("执行函数!");
}
//放入命名函数
setTimeout(execute, 1000);
以毫秒为单位。
3、setlnterval(间隔执行)
//setInterval也可执行放入执行代码或者命名函数的引用
setInterval(function() {
console.info("执行函数!");
}, 1000);
4、alert(弹出对话框)
5、confirm(确定或取消,并返回一个布尔值。)
6、prompt(输入框)
7、open
8、window.close
9、访问指定URL(location.href = "https://www.baidu.com";)
10、history{
history.back();//返回上一个页面
history.foward();//进入下一个页面
history.go(-1);//返回上一个页面
}
11、 获取客户端屏幕信息(window.screen对象)
window.screen.height屏幕高度,以像素记。
window.screen.width屏幕宽度,以像素记。
window.screen.availHeight可以使用的屏幕高度,不包含工具栏等,以像素记。
window.screen.availWidth可以使用的屏幕高度,以像素记。
二、DOM
1、DOM节点类型
文档节点 Document - 根节点。
文档类型节点 DocumentType - DTD引用即<!DOCTYPE>。
元素节点 Element - 标签。
文本节点 Text - 标签中的文本或CDataSection内包含的普通文本。
属性节点 Attr - 元素的属性。
CDataSection - 通常是文本节点和注释节点的父类。
注释节点 Comment - 注释。
2、节点的属性和方法
nodeName String 节点的名字
nodeType Number 节点的类型常量之一
firstChild Node childNodes列表中的第一个节点
lastChild Node childNodes列表中的最后一个节点
childNodes NodeList 节点的列表
previousSibling Node 前一个兄弟节点
nextSibling Node 后一个兄弟节点
appendChild(node) Node 将node添加到childNodes的末尾
insertBefore(newnode, refnode) Node在childNodes中的refnode之前插入newnode
removeChild(node) Node 从childNodes中删除node
replaceChild(newnode, oldnode) Node 将childNodes中的oldnode替换成newnode
3、获取节点
a、利用节点关系获取节点
childNodes - 获取所有子节点。
firstChild - 获取第一个子节点。
lastChild - 获取最后一个子节点。
previousSibling - 获取上一个兄弟节点。
nextSibling - 获取下一个兄弟节点。
parentNode - 获取父节点。
b、直接获取节点
document.getElementById("id") - 根据id获取节点。
document.getElementsByTagName("div") - 根据标签名称获取节点。
document.getElementsByClassName("class") - 根据类名获取节点。
document.getElementsByName("name") - 根据名称获取节点。
4、创建的节点
1.创建新的节点
createElement("div") - 创建div的元素节点。
createTextNode("text") - 创建包含“text”的文本节点。
例如:
document.createElement("p");
document.createTextNode("哈哈");