随笔分类 - JavaScript
摘要：DTD未声明：document.body.scrollTop DTD已声明：document.documentElement.scrollTop 火狐谷歌IE9：window.pageYOffset compatMode：可以判断是否声明DTD，CSS1Compat是，BackCompat否 复杂版
阅读全文
posted @ 2017-12-01 10:33
var_obj
摘要：document.title——文档标题 document.head——文档头标签 document.body——文档的主体 document.documentElement 表示整个文档的html标签，也就是说结构中的html标签并不是通过document.html来访问的。
阅读全文
posted @ 2017-12-01 09:57
var_obj
摘要：scrollWidth：父div宽度小于子div宽度，父div scrollWidth宽度为子div的宽度，大于则为本身的宽度width+padding scrollHeight：父div高度小于子div高度，父div scrollHeight高度为子div高度，大于则为本身的高度height+pa
阅读全文
posted @ 2017-12-01 09:51
var_obj
摘要：需求： 1、鼠标移动到哪里，云彩移动到哪里 2、鼠标离开，云彩回到原点 3、鼠标离开，云彩回到之前点击的地方
阅读全文
posted @ 2017-12-01 00:50
var_obj
摘要：核心思想： (1)相对于匀速移动，盒子每次移动的步长都是变化的，公式：盒子位置=盒子本身位置+（目标位置-盒子本身位置）/10 (2)在盒子位置与目标距离小于10px时，其步长必然是小数，又由于offsetLeft的变态的逢4进值，那么只要小数点的值小于4就会停滞不前 (3)所以要么往上取整，要么往
阅读全文
posted @ 2017-12-01 00:47
var_obj
摘要：1、offsetWidth、offsetHeight返回盒子宽度和高度，包括padding与border，不包括margin 2、offsetLeft、offsetTop返回盒子距离定位盒子的x轴方向和y轴方向距离，如果没有定位盒子，则返回相对于body的距离 3、offsetParent返回距离定
阅读全文
posted @ 2017-11-29 15:52
var_obj
摘要：需求： 1、页面需要小图标和箭头 2、定时器不断的滑动图片 3、在点击箭头时，图标和图片随即做出响应 核心思想： 1、往左移动到第一张的情况：在第二张移动到第一张时，这个动画效果完成之后，立刻将ul的left位置切换到最后一张的位置。 2、往右移动到最后一张的情况：在倒数第二张移动到最后一张时，这个
阅读全文
posted @ 2017-11-29 14:43
var_obj
摘要：1、绑定形式 2、addEventListener：事件监听器。 原事件被执行的时候，后面绑定的事件照样被执行，不会被层叠掉 注意事项：ele["on" + evtName]与ele.onclick绑定的方式会层叠到之前的事件 3、addEventListener原理：之所以可以不层叠之前注册事件，
阅读全文
posted @ 2017-11-29 11:40
var_obj
摘要：注意事项： 1、for循环的下一层注册了事件的话，事件函数中关于变量i的节点元素是不允许出现的，因为在函数加载的时候，只会加载函数名，不会加载函数体，外层for循环会走完一边，变量i一直会停留在最后一个值 2、设置节点元素的样式时，特别是top、left等属性，记住加“px” 3、Math.rand
阅读全文
posted @ 2017-11-26 03:02
var_obj
摘要：注意事项： 1、for循环移除子节点时，其长度是变化的 2、在文档流中，input、img、p等标签与其他标签有3px的距离，利用左浮动，可以消除3px距离 3、背景图片定位时，第一个值是x轴方向的值，第二值是y轴方向的值 4、大多时候input标签outline属性时都设置为none，然后为其注册
阅读全文
posted @ 2017-11-25 03:14
var_obj
摘要：注意点： 1、select标签size属性显示选项数组，multiple属性可以多选 2、原select节点下的子节点在移动到其他selec标签下的时候，其原来的select标签下子节点长度在发生变化 3、注册事件可以直接绑定一个函数名，但是如果绑定的函数有参数，那么必须将这个有参数的函数写入到匿名
阅读全文
posted @ 2017-11-24 12:56
var_obj
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } body{ background-image: url("i
阅读全文
posted @ 2017-11-23 14:16
var_obj
摘要：1、样式少的时候使用 2、style是对象 3、值是字符串，没有设置值是“”； 4、命名规则，驼峰命名，和css不一样 5、设置了类样式不能获取，只和行内式交互，和内嵌和外链无关 6、box.style.cssText = “字符串形式的样式”；
阅读全文
posted @ 2017-11-23 11:54
var_obj
摘要：1、获取tbody下的子元素 2、注册鼠标覆盖事件时存储当时的背景颜色，注册鼠标离开事件时把存储的颜色赋值注册事件对象
阅读全文
posted @ 2017-11-22 18:05
var_obj
摘要：1、为li标签添加index属性，这个属性正好就是span标签数组的index值 2、函数封装适合页面有多个tab切换，需要注意的在获取的li标签和span标签对象时，必须将对应div对象作为参数传入 li标签添加index属性 函数封装版本
阅读全文
posted @ 2017-11-22 13:12
var_obj
摘要：排它思想： 1、先让所有的元素恢复默认值 2、再让选中的元素赋专有的值 3、干掉所有人，剩下我一个
阅读全文
posted @ 2017-11-22 10:41
var_obj
摘要：1、每个子input标签都需要进行判断 2、使用开闭原则，一旦满足条件就改变默认值 3、在给主input标签注册事件时，要求主input标签的checked值赋值给子标签
阅读全文
posted @ 2017-11-21 18:18
var_obj
浙公网安备 33010602011771号