zoukankan      html  css  js  c++  java
  • 总结十二天

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

  • 相关阅读:
    PHP for循环的写法和示例
    PHP Socket(套接字连接)扩展简介和使用方法
    PHP exec()函数的介绍和使用DEMO
    PHP trim()函数的作用和使用方法
    Linux环境安装xmapp(PHP-Mysql集成环境)
    HP数组转JSON函数json_encode和JSON转数组json_decode函数的使用方法
    PHP 中使用explode()函数切割字符串为数组
    PHP获取随机数的函数rand()和mt_rand()
    PHP stripos()、strripos()和strrpos() 使用方法和区别
    常用工具说明--搭建基于rietveld的CodeReview平台(未测试)
  • 原文地址:https://www.cnblogs.com/huuangrui/p/6021421.html
Copyright © 2011-2022 走看看