随笔分类 - Javascript
摘要：浏览器内核 支撑浏览器运行的最核心的程序 IE 浏览器内核 Trident内核，也是俗称的IE内核Chrome 浏览器内核 统称为 Chromium 内核或 Chrome 内核，以前是 Webkit 内核，现在是 Blink 内核Firefox 浏览器内核 Gecko 内核，俗称 Firefox 内
阅读全文
摘要：1. 头部 header 固定 的两种方式 固定定位 内容区 包裹，使用 overflow: hidden; 2. 动画第二次起效 缺少动画初始参数 3. 隐藏元素 display: none; visibility: hidden; opacity: 0; width: 0; height: 0;
阅读全文
摘要：jQuery 如果用户未登录，当加入购物车，会将商品相关信息存入 cookie 或者 session，这两个都是可以标识用户信息的东西 是一个 JavaScript 库，封装了常用的开发功能，和一些需要的方法，来提高开发效率。 jQuery 2.0 以前，以跨浏览器 Web 为主要任务。 jQuer
阅读全文
摘要：浏览器的事件模型 由网景公司引入的 DOM0 级事件模型 把事件处理程序绑定到 DOM 元素的属性上： ele.onclick(); ele.onDOMContentLoad(); ele.onload(); ele.onmousemove(); 把事件处理程序绑定到 DOM 元素的属性上： ele
阅读全文
摘要：Mutation Observer API 突变监视接口 用来监视 DOM 变动。 DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知 概念上，它很接近事件，可以理解为 DOM 发生变动就会触发 Mutation Observer 事件。 但是，Mutati
阅读全文
摘要：CSS 操作 通过 JavaScript 操作 CSS HTML 元素的 style 属性 <div style="background-color:red; border:1px solid black;" /> <div style="background-color:red; border:1
阅读全文
摘要：DocumentFragment 节点 代表一个文档的片段，本身就是一个完整的 DOM 树形结构。 它没有父节点，.parentNode 返回 null 可以插入任意数量的子节点。 不属于当前文档，操作 DocumentFragment 节点，要比直接操作 DOM 树快得多 一般用于构建一个 DOM
阅读全文
摘要：属性 属性本身是一个对象（Attr 对象） Element.attributes 返回一个类似数组的动态对象，成员是该元素标签的所有属性节点对象 返回一个类似数组的动态对象，成员是该元素标签的所有属性节点对象 属性的实时变化都会反映在这个节点对象上。 属性的实时变化都会反映在这个节点对象上。 其他类
阅读全文
摘要：Element 节点 （元素节点） 是一组对象 对应网页的 HTML 元素 每一个 HTML 元素，在 DOM 树上都会转化成一个 Element 节点对象（以下简称元素节点） 所有元素节点的 nodeType 属性都是 1 浏览器使用不同的构造函数，生成不同的元素节点，有各自构造函数的属性和方法
阅读全文
摘要：document 节点对象， 代表整个文档，每张网页都有自己的 document 对象。 window.document 当浏览器开始加载文档时就存在了 正常的网页使用 document 或者 window.document iframe 框架中使用 iframe 节点对象的 contentDocu
阅读全文
摘要：嗯哼。不多说，直接上代码了。 // 为元素 绑定拖动事件 function bindDragEvent(obj){ obj.onmousedown = function(e){ e = e || window.event; obj.setCapture && obj.setCapture(); //
阅读全文
摘要：1. 获取 网页真实内容 高度 // 获取 网页真实内容 高度 function getScrollHeight(){ return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); } 2. 获
阅读全文
摘要：嗯哼。不多说，直接上代码了。 // 获取元素 在 浏览器窗口 中的 坐标 Test Already. function posInClient(obj){ var theClient = obj.getBoundingClientRect(); // 获取元素的左，上，右和下分别相对 浏览器视窗 的
阅读全文
摘要：嗯哼。不多说，直接上代码了。 // 获取鼠标 在目标元素中的 坐标 function posInElement(obj,e){ var mouseX = e.clientX; var mouseY = e.clientY; var objX = obj.getBoundingClientRect()
阅读全文
摘要：嗯哼。不多说，直接上代码。 // 自定义 绑定响应函数 兼容性封装 Test Already. function bindEventFunc(obj, eventStr, func){ // console.log(!!obj.addEventListener == true); // true /
阅读全文
摘要：嗯哼。不多说，直接上代码了。 // 自定义 获取元素当前样式 兼容性封装 Test Already. function getCurrentStyle(obj, name){ if(window.getComputedStyle){ // 大多浏览器支持, IE8 及以下不支持 return win
阅读全文
摘要：1. 事件对象 event 标准浏览器 传递给响应函数 IE 把 event 事件对象作为全局对象 window 的一个属性 2. 浏览器滚动条高度 标准浏览器 使用 documen.documentElement.scrollLeft documen.documentElement.scrollT
阅读全文
摘要：不多说，直接上代码 实例代码
阅读全文
摘要：ParentNode 接口，ChildNode 接口 节点对象除了继承 Node 接口以外，还会继承其他接口。 ParentNode 接口 表示当前节点是一个父节点，提供一些处理子节点的方法。 ChildNode 接口 表示当前节点是一个子节点，提供一些相关方法。 ParentNode 接口 如果当
阅读全文
摘要：NodeList 接口 HTMLCollection 接口 节点都是单个对象，有时需要一种数据结构，能够容纳多个节点 DOM 提供两种节点集合，用于容纳多个节点：NodeList 和 HTMLCollection 这两种集合都属于接口规范。 许多 DOM 属性和方法，返回的结果是 NodeList
阅读全文
浙公网安备 33010602011771号