• 不断学习才有回报,学无止境!

网页前端设计师应该知道的问题解答

SEO/SEM/网建 箭翎 1275次浏览 0个评论 扫描二维码

前不久网页上面看到这样一个帖子,自己考究了一下,觉得我们做站时经常遇见,但是又不知道怎么用语言来表达,搜证了度娘,得到了以下结论:

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");
    }
  }
}
</pre>
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

箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明网页前端设计师应该知道的问题解答
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址