BOM
1、定时器:setTimeout(定时执行) 、setInterval(间隔执行)
语法:setTimeout(执行内容, 时间量(毫秒));
setInterval(执行内容, 时间量(毫秒));
2、弹出对话框:alert()向用户显示一条消息并等待用户关闭对话框
confirm()也显示一条消息,要求用户单击“确定”或“取消”按钮,并返回一个布尔值
prompt()同样也显示一条消息,等待用户输入字符串,并返回那个字符串
3、打开新窗口和关闭窗口:open函数 、window.close函数
语法:open("https://www.baidu.com", "_self", "");
window.close();
4、访问指定URL(window.location对象) :location.href = "https://www.baidu.com";
DOM
1、定义:JavaScript的控制HTML和CSS的手段,并且使用于任何编程语言。
2、DOM树:文档结构被解析为倒树状。
文档节点 Document - 根节点。
元素节点 Element - 标签。
小结:
文本节点 Text - 标签中的文本或CDataSection内包含的普通文本。
属性节点 Attr - 元素的属性。
3、节点的属性和方法 (常用11个):nodeName String 节点的名字
nodeType 节点的类型常量之一
firstChild childNodes列表中的第一个节点
lastChild childNodes列表中的最后一个节点
childNodes 节点的列表
previousSibling 前一个兄弟节点
nextSibling 后一个兄弟节点
appendChild(node) 将node添加到childNodes的末尾
insertBefore(newnode, refnode) 在childNodes中的refnode之前插入newnode
removeChild(node) 从childNodes中删除node
replaceChild(newnode, oldnode) 将childNodes中的oldnode替换成newnode
4、DOM节点类型的常量和值 (常用3个):元素节点 节点类型值 1 属性节点 节点类型值 2 文本节点 节点类型值 3
5、获取节点:利用节点关系获取节点、直接获取节点
语法:直接获取节点
document.getElementById("id") - 根据id获取节点。
document.getElementsByTagName("div") - 根据标签名称获取节点。
document.getElementsByClassName("class") - 根据类名获取节点。
document.getElementsByName("name") - 根据名称获取节点。
6、 创建的节点 :createElement("div") - 创建div的元素节点。
createTextNode("text") - 创建包含“text”的文本节点。
添加\替换\删除节点。(结合第3条使用)