JavaScript中的一些浏览器兼容问题处理的方法(1)

初入码群丶

于 2021-08-10 12:01:54 发布

阅读量119

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/hycip/article/details/119566905

版权

常做以前的一些低版本浏览器兼容处理

// 1、浏览器卷去的高度宽度
// 兼容 有没有文档类型声明

var height=document.documentElement.scrollTop || document.body.scrollTop;
var width=document.documentElement.scrollLeft || document.body.scrollLeft;

// 2、浏览器视窗窗口宽度高度 -- 无滚动条
// 兼容有没有文档类型声明

var width=document.documentElement.clientWidth || document.body.clientHeight;
var height=document.documentElement.clientHeight || document.body.clientHeight;

// 3、获取非行内样式属性
// 实际效果是获取标签执行的样式属性值

function getEleStyle(element,style){
  if(window.getComputedStyle){
   // 普通浏览器
   return window.getComputedStyle(element)[style];
}else{
   // 兼容IE的方法
  return element.currentStyle[style];
}
}