js 二阶段初级小结

小结:

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条使用）

 

转载于:https://www.cnblogs.com/Li-gou-dan/p/5402564.html