DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
特性/方法 | 类型/返回类型 | 说明 |
nodeName | String | 节点的名字;根据节点的类型而定义 |
nodeValue | String | 节点的值;根据节点的类型而定义 |
nodeType | Number | 节点的类型常量值之一 |
ownerDocument | Document | 指向这个节点所属的文档 |
firstChild | Node | 指向在childNodes列表中的第一个节点 |
lastChild | Node | 指向在childNodes列表中的最后一个节点 |
childNodes | NodeList | 所有子节点的列表 |
previousSibling | Node | 指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为null |
nextSibling | Node | 指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为null |
hasChildNodes() | Boolean | 当childNodes包含一个或多个节点时,返回真 |
attributes | NamedNodeMap | 包含了代表一个元素的特性的Attr对象;仅用于Element节点 |
appendChild(node) | Node | 将node添加到childNodes的末尾 |
removeChild(node) | Node | 从childNodes中删除node |
replaceChild(newnode,oldnode) | Node | 将childNodes中的oldnode替换成newnode |
insertBefore(newnode,refnode) | Node | 在childNodes中的refnode之前插入newnodd |
元素节点 | 节点类型取值(nodeType) |
---|---|
元素element | 1 |
属性attr | 2 |
文本text | 3 |
注释comments | 8 |
文档document | 9 |
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
已有
XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
xmlHttp是通过HTTP协议接受XML或者其他数据的一套API,可以实现异步交互
var xmlhttp;function loadXMLDoc(url){xmlhttp=null;if (window.XMLHttpRequest) {// code for all new browsers xmlhttp=new XMLHttpRequest()
; }else if (window.ActiveXObject) {// code for IE5 and IE6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
; }if (xmlhttp!=null) { xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); }else { alert("Your browser does not support XMLHTTP."); }} function state_Change(){if (xmlhttp.readyState==4) {// 4 = "loaded" if (xmlhttp.status==200) {// 200 = OK // ...our code here... } else { alert("Problem retrieving XML data"); } }}
XMLHTTP 的 readyState 值含义:
- 0-未初始化,即尚未调用 open。
- 1-初始化,即尚未调用 send。
- 2-发送数据,即已经调用 send。
- 3-数据传送中。
- 4-完成。
严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
加入xml头部声明可以触发IE浏览器的Quirks mode,触发之后,浏览器解析方式就和IE5.5一样,拥有IE5.5一样的bug和其他问题,行为(Javascript)也是如此。
IE6的触发
在XHTML的DOCTYPE前加入XML声明
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE7的触发
在XML声明和XHTML的DOCTYPE之间加入HTML注释
<?xml version="1.0" encoding="utf-8"?>
<!-- ... and keep IE7 in quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE6和IE7都可以触发的
在HTML4.01的DOCTYPE文档头部加入HTML注释
<!-- quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。
主要是IE8以下盒子模型的高度和宽度 包含了padding border
块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
已有
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
已有
HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
xhtml:
1要有良好完善的排版
2标签必须小写 要有始有终 空标签也要用斜杠结尾
3都要有属性名并且在引号中
4不要用ID或者NAME属性
5如果使用STRICT模式 许多外观的标签将不被允许
用XHTML理由
1扩展性强,有发展
2符合标准 专业
3支持新的游览设备
4与XML的数据融合性好
JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。
JavaScript 对象表示法(JavaScript Object Notation)
JSON 比 XML 更小、更快,更易解析。
可以像对象一样的去使用JSON
获取元素 位置 大小
游览器大小
clientWidth clientHeight scrollWidth scrollHeight scrollTop scrollLeft
元素
offsetWidth offsetHeight scrollWidth scrollHeight scrollTop scrollLeft
offsetTop offsetLeft