zoukankan      html  css  js  c++  java
  • XMLHttpRequest对象和DOM对象基础

    一、XMLHttpRequest对象


    XMLHttpRequest对象的属性:


    属性

    描述

    onreadystatechange

    状态改变的事件触发器

    readyState

    对象状态(integer):
    0 = 未初始化
    1 = 读取中
    2 = 已读取
    3 = 交互中
    4 = 完成

    responseText

    服务器进程返回数据的文本版本

    responseXML

    服务器进程返回数据的兼容DOMXML文档对象

    status

    服务器返回的状态码, 如:404 = "文件未找到" 200 ="成功"

    statusText

    服务器返回的状态文本信息


    XMLHttpRequest对象的方法:


    方法

    描述

    abort()

    停止当前请求

    getAllResponseHeaders()

    作为字符串返回完整的headers

    getResponseHeader("headerLabel")

    作为字符串返回单个的header标签

    open("method","URL"[,asyncFlag[,"userName"[, "password"]]])

    设置未决的请求的目标 URL,方法,和其他参数

    send(content)

    发送请求

    setRequestHeader("label", "value")

    设置header并和请求一起发送

     

     

    二、DOM对象


        文档对象模型是与平台和语言无关的接口,允许程序和脚本动态地访问和更新文档的内容,结构和样式。文档可以进一步处理,处理的结果可以放回到所提供的页面中。如果服务端返回的是XML,使用responseXML即可直接创建DOM来操作这个文件.

    DOM对象的属性:


    属性

    描述

    childNodes

    返回当前元素所有子元素集合

    firstChild

    返回当前元素的第一个子元素

    lastChild

    返回当前元素的最后一个子元素

    nextSibling

    返回紧跟在当前元素后面的元素(平级)

    previousSibling

    返回紧跟在当前元素之前的元素(平级)

    nodeValue

    指定表示元素值的读/写属性

    parentNode

    返回元素的父节点

    DOM对象的方法:


    方法

    描述

    getElementById(id) (document)

    获取有指定唯一ID属性值文档中的元素

    getElementsByTagName(name)

    返回当前元素中有指定标记名的子元素的集合

    hasChildNodes()

    返回一个布尔值,指示元素是否有子元素

    getAttribute(name)

    返回元素的属性值,属性由name指定

    动态创建内容所用的W3C DOM属性和方法


    属性/方法

    描述

    document.createElement(tagName)

    文档对象上的createElement方法可以创建由tagName指定的元素。如果以串div作为方法参数,就会生成一个div元素

    document.createTextNode(text)

    文档对象的createTextNode方法会创建一个包含静态文本的节点

    element.appendChild(childNode)

    appendChild方法将指定的节点childNode增加到当前元素的子节点列表

    element.getAttribut(name)
    element.setAttribut(name, value)

    获取和设置元素中name属性的值

    element.insertBefore(newNode, targetNode)

    这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面

    element.removeAttribute(name)

    这个方法从元素中删除属性name

    element.removeChild(childNode)

    从元素中删除子元素childNode

    element.replaceChild(newNodeoldNode)

    将节点oldNode替换为节点newNode

    element.hasChildnodes()

    返回一个布尔值,指示元素是否有子元素

  • 相关阅读:
    项目使用 GlobalExceptionHandler 与 @RestControllerAdvice自定义异常 二
    spring,springBoot配置类型转化器Converter以及FastJsonHttpMessageConverter,StringHttpMessageConverter 使用
    项目使用 GlobalExceptionHandler 自定义异常 一
    idea 解决git更新冲突
    @JsonIgnore 失效没起作用及 @JSONField(serialize = false)
    Don't Sleep --- 阻止电脑休眠、睡眠小工具
    Win10 一键启用&禁用以太网bat命令
    如何将Chrome插件扩展下载到本地
    PC WorkBreak --- 在您使用 PC 时照顾您的健康工具
    闪电下载器
  • 原文地址:https://www.cnblogs.com/johan/p/1947997.html
Copyright © 2011-2022 走看看