码迷,mamicode.com
首页 > Web开发 > 详细

JS初级二阶段

时间:2016-05-16 10:47:29      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

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

JS初级二阶段

标签:

原文地址:http://www.cnblogs.com/kemmystar/p/5497187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!