善未易明

摘要： <a>不支持嵌套。例如： 浏览器会将其解析为相邻兄弟关系，而不是父子关系。 所以，如果我们有链接嵌套的需求，就可以试试使用<area>元素。 对于传统嵌套链接一般方法有： 1.改变视觉DOM结构和顺序，使链接内容变成相邻关系，再通过CSS重新布局定位。 2.使用JS，点击目标区域preventDef 阅读全文

摘要： offsetParent：该属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为body元素的引用。 当容器元素的style.display 阅读全文

摘要： 1.设置table固定布局，否则自适应布局会不受控制 table{ table-layout: fixed; } 2.设定td宽度占比 <table> <col width="5%"> <col width="20%"> <col width="30%"> <col width="15%"> <co 阅读全文

摘要： function getStyle(obj, attr) { if (obj.currentStyle) { return obj.currentStyle[attr]; } else { return document.defaultView.getComputedStyle(obj, null) 阅读全文

摘要： 添加如下代码即可(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[ 阅读全文

摘要： 该方法只兼容IE9及以上 将checkbox和label关联起来， 将checkbox隐藏掉，通过点击label来点击checkbox，label的样式即可自定义。 通过checkbox:checked + label:after来控制点击之后的符号 通常我们使用以下html结构，我们给复选框定义i 阅读全文

摘要： JS监听某个输入框 //回车事件绑定 JS监听某个DIV区域 阅读全文

摘要： function toThousands(num) { var num = (num || 0).toString(), result = ''; //判断是否带小数点 if (num.split('.')[1]) { var numInt = num.split('.')[0], numFlo = 阅读全文

摘要： 常出现两种情况： （一）margin-top失效 两个层box1和box2，box1具有浮动属性，box2没有，这时候设置box2的上边距margin-top没有效果。 解决办法： 1.box2增加float属性 2.box1与box2之间增加一层"<divstyle="clear:both;">< 阅读全文

摘要： 原因：Chrome不支持本地Ajax请求，在.html文件中访问.json文件时就会出现这个问题，就是说这个时候不能加载这个.html文件。 解决方式 打开Chrome快捷方式的属性中设置： 右击Chrome浏览器快捷方式，选择“属性”， 在“目标”中加上"--allow-file-access-f 阅读全文