我们知道使用js获取浏览器的信息时经常涉及浏览器的兼容性.例如获取浏览器的滚动条
Js代码
- // Cross browser gets the position of scroll
- com.whuang.hsj.getScroll=function(){
- return {
- top:document.documentElement.scrollTop || document.body.scrollTop,
- left:document.documentElement.scrollLeft || document.body.scrollLeft,
- height:document.documentElement.scrollHeight ||document.body.scrollHeight
- }
- }
上面的方法每次执行时都得判断,所以我进行了如下优化:
Js代码
- // Cross browser gets the position of scroll
- com.whuang.hsj.getScroll=(function(){
- if(document.documentElement.scrollTop!=='undefined'&&document.documentElement.scrollTop!==0)
- {
- return function(){
- return {
- top:document.documentElement.scrollTop,
- left:document.documentElement.scrollLeft,
- height:document.documentElement.scrollHeight
- };
- };
- }else return function(){
- return {
- top:document.body.scrollTop,
- left:document.body.scrollLeft,
- height:document.body.scrollHeight
- };
- };
- })();
核心思想:在初始化时就确定函数的实现方式.
但是在使用过程中出现了问题,因为它的判断条件是:
if(document.documentElement.scrollTop!=='undefined'&&document.documentElement.scrollTop!==0)
但是在页面初始化时这个判断的依据是有问题的,不是实时的.在火狐中就有问题.
