JavaScript 知识点总结(3)

1。Math对象的方法

  • max(x,y) 返回x和y中的最大值
  • min(x,y) 返回x和y中的最小值
  • pow(x,y) 返回x的y次幂
  • abs(x) 返回数的绝对值
  • round(x) 把数四舍五入为最接近的整数
  • random() 返回0~1之间的随机数
  • ceil(x) 对一个数进行上舍入
  • floor(x) 对一个数进行下舍入

2。window对象方法

  • open()、close() 打开窗口、关闭窗口
  • resizeBy()、resizeTo() 改变窗口大小
  • moveBy()、moveTo() 移动窗口
  • setTimeout()、clearTimeout() 设置或取消“一次性”执行的定时器
  • setInterval()、clearInterval()设置或取消“重复性”执行的定时器

3。document对象方法

  • document.write() 输入文本到当前打开的文档
  • document.getElementById() 获取某个id值的元素
  • document.getElementsByName() 获取某个name值的元素,用于表单元素
  • getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
  • getElementsByClassName()获取有指定类名的集合,不过要考虑兼容性
  • 注: IE8及之前浏览器不支持getElementsByClassName()方法

4。DOM常用的节点属性

  • parentNode 获取当前节点的父节点
  • childNodes 获取当前节点的子节点集合
  • firstChild 获取当前节点的第一个子节点
  • lastChild 获取当前节点的最后一个子节点
  • previousSibling 获取当前节点的前一个兄弟节点
  • nextSibling 获取当前节点的后一个兄弟节点
  • attributes 元素的属性列表

5。创建节点
在JavaScript中,创建新节点都是先用document对象中的createElement()和createTextNode()这2种方法创建一个元素节点,然后再通过appendChild()、insertBefore()等方法把新元素节点插入现有的元素节点中去。

var e = document.createElement("div");
var txt = document.createTextNode("study");
e.appendChild(txt);    //把元素内容插入元素中去

6。插入节点
在JavaScript中,插入节点有2种方法:appendChild()insertBefore()

obj.insertBefore(new,ref)

在ref前插入new节点

7。删除节点
在JavaScript中,我们可以使用removeChild()方法来删除当前节点下的某个子节点。

8。复制节点
在JavaScript中,我们可以使用cloneNode()方法来实现复制节点。

9。替换节点
在JavaScript中,我们可以使用replaceChild()方法来实现替换节点。

10。innerHTMLinnerText
在JavaScript中,我们可以使用innerHTML和innerText这2个属性很方便地获取和设置某一个元素内部子元素或文本。

innerHTML属性被多数浏览器所支持,而innerText只能被IE、chrome等支持而不被Firefox支持。

11。JavaScript操作CSS样式
在JavaScript中,对于元素的CSS操作,我们使用的是DOM对象中的style对象来操作。

obj.style.属性名;

猜你喜欢

转载自blog.csdn.net/weixin_42128001/article/details/81539236