W3C标准、Web语义化、浏览器差异和兼容性

此篇内容是招聘常见的需要应聘者所知道的三方面

• ①：W3C标准分为：
  1.结构标准->: xml(可扩展标记语言)、html/xhtml(超文本标记语言)
  2.表现标准->: 层叠样式表 css
  3.行为标准->:DOM（文档对象模型）、ECMAScript

• ②：Web语言化：使用语义恰当的标签，使页面有良好的结构，页面元素有含义、能够让人和搜素引擎容易理解(提高SEO友好)

• ③：浏览器差异和兼容性
  CSS方面->
  1. 设置css中float属性:
  IE:obj.style.styleFloat = '';
FF:obj.style.cssFloat='';
  2. 获取非行间样式：
  IE:obj.currentStyle[attr];
FF:getComputedStyle(obj,false)[attr];
  3.透明度兼容：
  IE:filter:alpha(opacity=80);
FF:opacity:0.8;

  BOM方面->
  4.浏览器的位置(相对于屏幕)：
  IE:window.screenLeft;
FF:window.screenX;
  5.获取浏览器的尺寸：
  IE:document.documentElement.clientHeight(clientWidth); FF:window.innerWidth(innerHeight);

  事件方面->
  6.获取事件对象：
  IE:window.event;
FF:ev;
  7.获取事件源对象：
  IE:event.srcElement;
FF:event.target(event.currentTarget);
  8.取消默认事件行为：
  IE:event.returnValue=false;
FF:event.preventDefault;
  9.取消冒泡事件：
  IE:event.cancelBubble=true;
FF:event.stopPropagation();
  10.dom2级事件处理程序：
  IE:绑定事件->obj.attachEvent('加on的事件名'，fn());
取消事件->obj.detachEvent('加on的事件名'，fn());
这里特别说明，在函数fn()中的this指向的是window

  FF:绑定事件->obj.addEventListener('不加on的事件名'，fn(),false/true);
取消事件->obj.removeEventListener('不加on的事件名'，fn(),false/true);
这里特别说明，true(在捕获阶段执行)、false(在冒泡阶段执行)；在函数fn()中的this指向的是当前对象元素

  Ajax方面->
  11.Ajax的对象获取:
  IE: var xhr=new ActiveXObject('Microsoft.XMLHTTP');
FF: var xhr=new XMLHttpRequest();

欢迎补充 以后了解到其他的再更新