前端几个知识点

前端之家收集整理的这篇文章主要介绍了前端几个知识点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<h1 id="基本知识">基本知识
<h3 id="dom结构---两个节点之间可能存在哪些关系以及如何在节点之间任意移动">1、DOM结构---两个节点之间可能存在哪些关系以及如何在节点之间任意移动

  • document.documentElement 返回文档的根节点
  • document.body
  • document.activeElement 返回当前文档中被激活的标签节点(ie)
  • event.formElement 返回鼠标移出的源节点(ie)
  • event.toElement 返回鼠标移入的源节点(ie)
  • event.srcElement 返回激活事件的源节点(ie)
  • event.target 返回激活事件的源节点(firefox)
  • 当前对象为node
  • 返回父节点:node.parentNode,node.parentElement
  • 返回所有子节点:node.childNodes(包含文本节点及标签节点),node.children
  • 返回第一个子节点:node.firstChild
  • 返回最后一个子节点:node.lastChild
  • 返回同属上一个子节点:node.nextSibling
  • 返回同属下一个子节点:node.prevIoUsSibling
  • parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3c标准的,可以说比较通用,而另外两个只是IE支持,不是标准,Firefox就不支持
  • 只要记得有parentElement何children就行了

添加移除移动复制创建和查找节点">2、DOM操作---怎样添加,移除,移动,复制,创建和查找节点。

  • createDocumentFragment() //创建一个DOM片段
  • createElement() //创建一个具体的元素
  • createTextNode() //创建一个文本节点

添加移除替换插入">(2)、添加、移除、替换、插入

  • appendChild()
  • removeChild()
  • replaceChild()
  • insertBefore()

  • getElementsByTagName() //通过标签名称
  • getElementsByName() //通过元素的name属性的值
  • getElementById() //通过元素id,唯一性

  • IE5.5:div->body->document
  • IE6.0:div->body->html->document
  • Mozilla 1.0:div->body->html->document->window

支持两种事件模型捕获事件和冒泡事件但是捕获事件先发生两种事件流会触发及dom中的所有对象从document对象开始也在document对象结束">(3)、DOM事件流:同时支持两种事件模型:捕获事件和冒泡事件,但是,捕获事件先发生。两种事件流会触发及DOM中的所有对象,从document对象开始,也在document对象结束。

错误">4、XMLHttpRequest---这是什么,怎样完整地执行一次GET请求、怎样检测错误

方法">XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法

猜你在找的前端面试题相关文章