javascript代码片段
2015-11-04 21:23
239 查看
DOMReady函数,只要DOM结构加载完成即可,不必等待所有资源加载完成,节约时间,"DOMContentLoaded"在H5中被标准化
检查元素是否在视窗(分完全在视窗内,部分在视窗内以及完全不在视窗内)
IE7及以下浏览器的坐标从(2,2)开始计算,需要提供兼容方案
var DOMReady=function(f,a,d){ d = d || document; a = a || "addEventListener"; d[a]?d[a]('DOMContentLoaded',f,false):window.attachEvent('onload',f); } DOMReady(function(){ alert("The DOM is Ready"); })
检查元素是否在视窗(分完全在视窗内,部分在视窗内以及完全不在视窗内)
function isInViewPort(ele){ var rect=ele.getBoundingClientRect(); alert(rect.top+","+rect.right+","+rect.bottom+","+rect.left); var newRect=getRect(ele); alert(newRect.top+","+newRect.right+","+newRect.bottom+","+newRect.left); return rect.top < (window.innerHeight || document.documentElement.clientHeight) && rect.right < (window.innerWidth || document.documentElement.clientWidth) && rect.bottom < (window.innerHeight || document.documentElement.clientHeight) && rect.left < (window.innerWidth || document.documentElement.clientWidth); }
IE7及以下浏览器的坐标从(2,2)开始计算,需要提供兼容方案
function getRect(ele){ var rect=ele.getBoundingClientRect(); var top=document.documentElement.clientTop; //IE=2 非IE=0 var left=document.documentElement.clientLeft; //IE=2 非IE=0 return{ top:rect.top-top, bottom:rect.bottom-top, left:rect.left-left, right:rect.right-left } }
相关文章推荐
- js父子窗口(二)
- js 父子窗口(一)
- js小例子(简单模糊匹配输入信息)
- 201511042030_《JavaScript——DOM 》
- 手动创建第一个JSP应用
- JavaScript设计模式学习之单例模式
- JS学习笔记(04)—— (事件)
- JS中判断数组中是否包含某个元素indexof兼容性兼容性
- 源生javascript将xml转换成json格式
- javascript的prototype实现回调
- Javascript面试题
- 使用js脚本的好处以及其本身的特点
- JavaScript 函数调用时带括号和不带括号的区别!!!
- js获取当前城市名
- JS筛选器的制作
- JS筛选器的制作
- asp.net mvc + javascript导入文件内容
- asp.net mvc + javascript导入文件内容
- js两个判断&&的值与||的值
- asp.net mvc + javascript生成下载文件