摘要：
参考文章：1.设置元素浮动的几种方式2.获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)3.JS 获取最终样式 【getStyle】以下这个方法可以解决以上两种方法中提到的不兼容性问题var getStyle = function(){ var f = document.defaultView; return new Function('el', 'style', ["style.indexOf('-')>-1 && (style=style.replace(/-(\ 阅读全文
摘要：
文档对象模型是一个平台中立和语言中立的接口，它使得程序和脚本可以动态访问和更新文档的内容，结构和样式。能够进一步处理文档，并且把处理的结果合并回到所表示的页面中.1. DOM 1级 19982. DOM 2级 20003. DOM 3级 200410.1 两种接口的故事 不同的API: 1. 核心API 2. HTML API 阅读全文
摘要：
1.0级DOM上的事件句柄事件句柄是对象的一个属性，语法为:oneventA.内联模型（inline model)或内联注册模型(inline registration model) 将事件作为HTML元素的一个属性来增加的方式。 <body onload='onclick();'>B.传统模型（traditional model) 或传统注册模型（traditional registration model) 这种将函数赋值给作为对象的一个属性的事件句柄的方法。 window.onload=onclick;2.Event对象function myEvent(eve 阅读全文
摘要：
函数也是对象，可以将函数赋给一个变量，一个数组元素，甚至把函数作为一个参数传给另一个函数调用。总结一下，函数有3种类型：1.声明式函数：（Declarative function) 函数本身是一个以关键字function开始的语句。声明式的函数只解析一次，它是静态的，并且为了访问而给它起了名字。2.匿名函数（Anonymous function) 使用构造函数来构造的函数。每次访问它时，都要对它进行解析，并且没有给它指定名字。3.函数直接量（Function literal)或函数表达式（function expression) 在另一个语句中作为一个表达式的一部分而创建的函数。它是解析... 阅读全文
摘要：
Javascript对象来自4个不同的域：1. Javascript内置对象2.浏览器对象模型中的对象3.文档对象模型中的对象4.开发人员自己定义的对象对象分类：1.Boolena对象2.Number对象3.String对象其中的方法： a.valueOf b.length c.charAt,charCodeAt d.indexOf e.lastIndexOf f.split g.slice h.substring i.match,replace,search j.toLowerCase,toUpperCase4.正则表达式与RegExp对象其中创建方式： 1.RegEx... 阅读全文
摘要：
1. nextSibing：下一个节点，节点类型可以是任何一种，其中就有文本节点。2.得到下一个元素节点： function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null;} 阅读全文
摘要：
引用body标签有两做法：第一种：使用DOM Core 即引用某个给定文档的第一个（也是仅有的一个）body标签document.getElementsByTagName("body")[0]第二种：使用HTML-DOM,即引用某个给定文档的body属性：doucumnet.body本文的重点：1. 哪些是DOM Core,哪些是HTML-DOM（慢慢补充） 阅读全文
摘要：
DOM加载：浏览器渲染和操作顺序1.HTML解析完毕2.外部脚本和样式表加载完毕3.脚本在文档内解析并执行4.HTML DOM完全构造起来5.图片和外部内容加载6.网页完成加载基于这个顺序，我们会发现如果在DOM完全加载之前使用DOM可能会发生错误（这个可能是很多初学者曾遇到的问题），而如果用onload加载函数又必须等待图片、视频等元素的加载，造成无法运行JavaScript。 阅读全文
摘要：
function removeWhitespace(element){ var loopIndex; for (loopIndex = 0; loopIndex < element.childNodes.length; loopIndex++) { var currentNode = element.childNodes[loopIndex]; if (currentNode.nodeType == 1) { re... 阅读全文
摘要：
//DOM没有提供insertAfter()方法function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { // 如果最后的节点是目标元素，则直接添加。因为默认是最后 parent.appendChild(newElement); } else { parent.insertBefore(newElement, targetEleme... 阅读全文