您的位置:首页 > Web前端 > JavaScript

JS 弹出层源兼容IE、FF、Chrome

2011-07-15 12:59 435 查看
function showWin(o1,o2){
var mask=document.getElementById(o1);
var popwin=document.getElementById(o2);
//document.documentElement.scrollHeight 在IE、FF、Chrome下是获取网页全部内容的高度
//document.documentElement.offsetHeight 在IE下是获取内面的clientHeight (即一个页面不包括打印出来的debug信息),在FF、Chrome下获取网页全部内容的高度
//兼容不同的浏览器,获取整个网页的高度
var maskHeight=document.documentElement.offsetHeight<document.documentElement.scrollHeight?document.documentElement.scrollHeight:documentElement.offsetHeight;
//让笼罩层罩住整个页面
mask.style.height=maskHeight+"px";
//document.documentElement.scrollTop 在IE下获取的是滚动条滚动后距顶部的高度,在Chrome、FF下面获取的高度为0
//document.body.scrollTop 在IE、Chrome、FF下为零
//兼容不同浏览器,滚动条距离顶部的高度
var top=document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop;
//弹出层距离顶部的高度
popwin.style.top=260+top+"px";
mask.style.display="block";
popwin.style.display="block";
}
html代码省略
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐