<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()
- 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对象提供了在网页加载后与服务器进行通信的方法。
- 在标准模式中,浏览器根据规范呈现页面;
- 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示;
- 浏览器根据DOCYTPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。
- 如果XHTML文档包含形式完整的DOCYTPE,那么它一般以标准模式呈现。* 对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。
- 包含过渡DTD和URL的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URL会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
- 一个元素盒模型的层次从内到外分别是:内边距、边框和外边距
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
解决这些问题">8、浮动元素---怎么使用它们,它们有什么问题以及怎么解决这些问题
-
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
- 1.父元素的高度无法被撑开,影响与父元素同级的元素
- 2.与浮动元素同级的非浮动元素会随其后
解决方法">解决方法
- 使用css中的clear:both;属性来清除元素的浮动可解决2、3问题对于问题1,添加如下样式,给父元素添加clearfix样式
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
- 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对象提供了在网页加载后与服务器进行通信的方法。
- 在标准模式中,浏览器根据规范呈现页面;
- 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示;
- 浏览器根据DOCYTPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。
- 如果XHTML文档包含形式完整的DOCYTPE,那么它一般以标准模式呈现。* 对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。
- 包含过渡DTD和URL的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URL会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
- 一个元素盒模型的层次从内到外分别是:内边距、边框和外边距
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
解决这些问题">8、浮动元素---怎么使用它们,它们有什么问题以及怎么解决这些问题
-
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
- 1.父元素的高度无法被撑开,影响与父元素同级的元素
- 2.与浮动元素同级的非浮动元素会随其后
解决方法">解决方法
- 使用css中的clear:both;属性来清除元素的浮动可解决2、3问题对于问题1,添加如下样式,给父元素添加clearfix样式
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
- 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对象提供了在网页加载后与服务器进行通信的方法。
- 在标准模式中,浏览器根据规范呈现页面;
- 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示;
- 浏览器根据DOCYTPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。
- 如果XHTML文档包含形式完整的DOCYTPE,那么它一般以标准模式呈现。* 对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。
- 包含过渡DTD和URL的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URL会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
- 一个元素盒模型的层次从内到外分别是:内边距、边框和外边距
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
解决这些问题">8、浮动元素---怎么使用它们,它们有什么问题以及怎么解决这些问题
-
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
- 1.父元素的高度无法被撑开,影响与父元素同级的元素
- 2.与浮动元素同级的非浮动元素会随其后
解决方法">解决方法
- 使用css中的clear:both;属性来清除元素的浮动可解决2、3问题对于问题1,添加如下样式,给父元素添加clearfix样式
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
错误">4、XMLHttpRequest---这是什么,怎样完整地执行一次GET请求、怎样检测错误。
方法">XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法。
- 在标准模式中,浏览器根据规范呈现页面;
- 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示;
- 浏览器根据DOCYTPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。
- 如果XHTML文档包含形式完整的DOCYTPE,那么它一般以标准模式呈现。* 对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。
- 包含过渡DTD和URL的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URL会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
- 一个元素盒模型的层次从内到外分别是:内边距、边框和外边距
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
解决这些问题">8、浮动元素---怎么使用它们,它们有什么问题以及怎么解决这些问题
-
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
- 1.父元素的高度无法被撑开,影响与父元素同级的元素
- 2.与浮动元素同级的非浮动元素会随其后
解决方法">解决方法
- 使用css中的clear:both;属性来清除元素的浮动可解决2、3问题对于问题1,添加如下样式,给父元素添加clearfix样式
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
- 一个元素盒模型的层次从内到外分别是:内边距、边框和外边距
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
解决这些问题">8、浮动元素---怎么使用它们,它们有什么问题以及怎么解决这些问题
-
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
- 1.父元素的高度无法被撑开,影响与父元素同级的元素
- 2.与浮动元素同级的非浮动元素会随其后
解决方法">解决方法
- 使用css中的clear:both;属性来清除元素的浮动可解决2、3问题对于问题1,添加如下样式,给父元素添加clearfix样式
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
需要浮动的元素可使用css中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
.clearfix:after{content:".";display:block;height:0;clear:both;visiblity:hidden;}
.clearfix{display:inlineblock;} /* for IE/Mac */
- XHTML元素必须被正确嵌套
- XHTML元素必须被关闭,空标签也必须被关闭,如
必须写成
- XHTML标签名必须用小写字母
- XHTML文档必须拥有根元素
- XHTML文档要求给所有属性赋一个值
- XHTML要求所有的属性必须用引号""括起来
- XHTML文档需要把所有<,>,&等特殊符号用编码表示
- XHTML文档不要在注释内容中使"--"
- XHTML图片必须有说明文字
- XHTML文档中用id属性代替name属性
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
必须写成
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
- JSON建构于两种结构
- "名称/值"对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪律(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组(associative array)。
- 值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。