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代码省略
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代码省略
相关文章推荐
- JS全选代码,兼容IE,FF,Chrome
- 设为首页 和 收藏本站js代码 兼容IE,chrome,ff
- js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 兼容IE/FF/Chrome
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- 弹出层高度不限垂直居中 兼容ie ff chrome
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- 原生js绑定和解绑事件,兼容IE,FF,chrome
- js离开或刷新页面检测(且兼容FF,IE,Chrome)
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- js实现鼠标右键自定义菜单(弹出层),并与树形菜单(TreeView)、iframe合用(兼容IE、Firefox、Chrome)
- JS操作表格(兼容IE,FF,CHROME)
- js右下角弹出可以缩小的框(div),兼容IE,FF
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js弹出窗口,居中,设定长与宽(兼容ie/ff)
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)