首页 > 代码库 > 总结十二天
总结十二天
一.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样式属性是由两个或者以上的单词组成的 那么要将中划线去掉同时从第二个单词开始首字母要大写!
总结十二天