02 2017 档案
摘要：做网站的时候，有时候会遇到某些字体系统里面没有自带。可能更多的时候我们会选择以图替文的方式来做。用图片的话不利于图片的放大缩小，更好的办法是我们可以自定义字体。 当然，在实际运用中我们需要权衡一下自定义字体的利弊。自定义字体的话，我们需要引入多种格式，如下图： 所以，如果自定义字体的话必然会增加网页
阅读全文
摘要：js里面的getElementsByClassName()方法可通过某个class名获取到元素，在标准浏览器下可使用，在非标准浏览器下不可用。为了能够让这个方法兼容所有的浏览器，可以封装成如下函数：
阅读全文
摘要：1.父级.appendChild(新的元素) 从后面开始追加子元素。 在指定元素前面开始插入一个新元素。 兼容性：在ie下，如果第二个参数的节点不存在，会报错。 其他的标准浏览器下如果第二个参数的节点不存在，则会以appendChild的形式进行添加。 清空元素的节点。 替换元素的节点。 总结： a
阅读全文
摘要：当前元素到定位父级(即offsetParent)的距离（偏移值 ）。 父级没有定位： offsetParent -> body offsetLeft[Top] -> html 父级有定位： ie 7: 如果自己没有定位，那么offsetLeft[Top]是到body的距离。 如果自己有定位，那么就是
阅读全文
摘要：1.元素.parentNode : 只读属性，获取当前元素的父节点。 2.元素.offsetParent : 只读属性，获取离当前元素最近的一个有定位属性（position为relative或者absolute或者fixed）的父节点 如果没有定位父级，默认是body。 兼容问题：在ie 7 及 i
阅读全文
摘要：1.元素.firstChild : 只读属性，第一个子节点 标准下：会包含文本类型的子节点。 非标准下：只包含元素类型子节点。 元素.firstElementChild : 只读属性，第一个元素子节点，等价于元素.children[0] 标准和非标准下都是获取第一个元素子节点。 2.元素.lastC
阅读全文
摘要：DOM:Document Object Model 文档对象模型 文档：html页面 文档对象：页面中的元素 文档对象模型：是一种定义，为了能够让程序(js)去操作页面中的元素。 DOM会把文档看成一棵树，同时定义了很多方法来操作这棵树中的每一个元素（节点）。 DOM节点：节点树中的每一个元素。 文
阅读全文
摘要：Math.round(Math.random()*x); Math.round(Math.random()*(y-x)+x); Math.ceil(Math.random()*x);
阅读全文
摘要：格式1：var arr=[1,2,3]; 格式2：var arr=new Array(1,2,3); //new可以省略 注意：var arr=new Array(4);如果你里面只写了一个数字，代表arr的长度为4 2.length属性的特性：不仅可以返回字符串的长度，还可以移除或者添加新项 va
阅读全文
摘要：示例一： 示例二： 示例： 示例： 示例1： 示例2：json里面遍历数组 json不具有长度的属性，所以for循环不适应于json 但是for-in同样适应于数组。
阅读全文
摘要：废话不多说，直接看效果图~ 实现的思路： 文字收缩的时候，给它下面添加一个渐变的遮罩层，当展开的时候，把那个遮罩层给去掉。 主要代码：
阅读全文
摘要：1.复选框选中 var aInput = document.getElementsByTagname('input'); aInput[0].checked=true;
阅读全文
