小知识(1)

it2022-07-05  215

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

DOM操作——怎样添加、移除、移动、复制、创建和查找节点。 特性/方法类型/返回类型说明nodeNameString节点的名字;根据节点的类型而定义nodeValueString节点的值;根据节点的类型而定义nodeTypeNumber节点的类型常量值之一ownerDocumentDocument指向这个节点所属的文档firstChildNode指向在childNodes列表中的第一个节点lastChildNode指向在childNodes列表中的最后一个节点childNodesNodeList所有子节点的列表previousSiblingNode指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为nullnextSiblingNode指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为nullhasChildNodes()Boolean当childNodes包含一个或多个节点时,返回真attributesNamedNodeMap包含了代表一个元素的特性的Attr对象;仅用于Element节点appendChild(node)Node将node添加到childNodes的末尾removeChild(node)Node从childNodes中删除nodereplaceChild(newnode,oldnode)Node将childNodes中的oldnode替换成newnodeinsertBefore(newnode,refnode)Node在childNodes中的refnode之前插入newnodd 元素节点节点类型取值(nodeType)元素element1属性attr2文本text3注释comments8文档document9 事件——怎样使用事件以及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

转载于:https://www.cnblogs.com/duidui/p/4827572.html


最新回复(0)