首页 > 代码库 > 总结十二天

总结十二天

一.location对象

location.href        JS实现网页跳转

location. search       location. search

二、history对象

history.go(n)        前进或者后退n=-1;   返回上一个页面;   n=0 相当于刷新;   n=1 返回下一个页面

三,DOM对象

 

DOM的分类

核心DOM:为操作XML和HTML文档的提供了属性与方法

 

HTML DOM:它是用来专门操作HTML文档和XHTML文档

 

XML DOM:它是用来专门操作XML文档的  就业班讲

 

CSS DOM:它是用来专门操作style这个属性

!!!!因为使用核心DOM来操作HTML文档太过于繁琐,所以就出来了HTML DOM来操作HTML文档!

四,核心 DOM

核心DOM对标签属性的操作

方法:

增加一个标签的属性:要找到操作的标签对象.setAttribute(属性名,属性值)

查找到这个标签对象的属性值:要找到操作的标签对象.getAttribute(属性名)

删除这个标签的属性:要找到操作的标签对象.removeAttribute(属性名)

核心DOM对标签的操作

方法:

创建一个标签:document.createElement(“标签名”)

把这个标签放到父标签的后面:父对象.appendChild(要追加的标签对象)

把这个标签放到父标签的前面:父对象.insertBefore(要追加的标签对象, 在谁之前进行追加)

删除这个标签:父对象.removeChild(要删除的标签对象)

!!!注意:标签名不能带尖括号

五、HTML DOM

方法:

 

通过id的属性值来获取标签对象 :document.getElementById(ID的属性值)

!!!这个只能获取到一个标签对象  因为id的属性值是在一个HTML文档里面是唯一的

通过标签名来获取对象:document.getElementsByTagName(“标签名”)

           父对象. getElementsByTagName(“标签名”)

如果有多个相同的标签名,建议使用下面的方法获取,可以准确获取到对象。

!!!这里返回的是一个数组集合 需要使用下标来进行访问  就算获取到只有一个标签 它也是一个数组集合

通过标签中的Name的属性值来获取元素:document.getElementsByName(name的属性值)

HTML DOM对标签属性的操作

!!!标签中所有的属性 ,这个JS对象也会同时拥有

要增加的属性值:要操作的标签对象.属性名 = “值”

删除属性值:要操作的标签对象.属性名 = “”    !但是它删除了属性值但是属性还存在

要重新赋值的属性值:要操作的标签对象.属性名 = “重新赋值”

要查找出来的属性值:要操作的标签对象.属性名

!!!但是以上对标签属性的操作均不包含对class属性的操作   如果要对标签里面的class属性的操作 一定要把class改为className      格式:要操作的标签对象.className

六、CSS DOM

 

   赋值:  要操作标签对象.style.css样式属性 = “CSS属性值”

 

         取值:  要操作标签对象.style.css样式属性

CSS DOM它是用来操作标签的style属性的  这里的style它也是一个对象

如果CSS样式属性是由两个或者以上的单词组成的 那么要将中划线去掉同时从第二个单词开始首字母要大写!

 

总结十二天