JS DOM
文章平均质量分 65
qfgg3
这个作者很懒,什么都没留下…
展开
-
chrome下document.documentElement.scrollTop为0的解决方案
为了让某个元素垂直居中一般会取document.documentElement.scrollTop的值,但是在chrome下,这个值为空,比较好的解决方案是var top = document.documentElement.scrollTop || document.body.scrollTop;IE和火狐下用document.documentElement.scrollTop,转载 2016-06-17 15:24:31 · 2201 阅读 · 0 评论 -
【转】js在页面滚动到一定位置时触发事件?
function getTop(e){ var offset=e.offsetTop; if(e.offsetParent!=null) //只要还有父元素,也就是当前元素不是根节点就继续往上累计元素的高度 offset+=getTop(e.offsetParent); return offset;}var myBlockTop = getTop(do转载 2016-06-17 14:27:44 · 4562 阅读 · 0 评论 -
【转】js对select动态添加和删除OPTION
select id="ddlResourceType" onchange="getvalue(this)">select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: do转载 2016-06-13 22:58:22 · 276 阅读 · 0 评论 -
前后端数据交互方法
在此介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。目录:1. HTML赋值2. JS赋值3. script填充JSON4. AJAX获取JSON5. WebSocket实时传输数据6. 总结1. HTML赋值输出到 Element 的 value 或 data-name " />">渲染结果转载 2016-06-29 09:38:26 · 9054 阅读 · 0 评论 -
【转】js中设置元素class的三种方法小结
一、el.setAttribute('class','abc'); 复制代码代码如下: setAttribute('class', 'abc') .abc { background: red; } test div var div = document.getElementById('d1'); d转载 2016-06-15 14:31:56 · 292 阅读 · 0 评论 -
dom加载和js执行的时间先后
浏览器的渲染和操作顺序如下:html解析完毕外部脚本和样式表加载完毕脚本在文档内解析并执行html dom完全构造起来涂攀和外部内容加载(以上内容来源于javascript>一书)对于外部js文件来说,先加载外部js文件,然后执行js代码,DOM加载并不能保证在其执行前加载完毕。而行内js,由于按照顺序执行,在js代码执行时,位于行内js之前的元素,其对应的dom节转载 2016-06-29 18:39:56 · 6713 阅读 · 0 评论 -
图片延迟加载(lazyload)的实现原理
此前在浏览一些网站的时候,发现他们网站的图片都是你“鼠标”滚到哪,图片才会加载显示。当时觉得好神奇,怎么会这么“跟手”呢。在学习JS和jQuery后,自己尝试写了能够实现lazyload的方法。核心原理是:1 设置一个定时器,计算每张图片是否会随着滚动条的滚动,而出现在视口(也就是浏览器中的 展现网站的空白部分 )中;2 为标签设置一个暂存图片URL的自定义属性(例转载 2016-06-30 13:53:49 · 1075 阅读 · 0 评论