今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上；
常遇到的关于浏览器的宽高问题：
//以下均可console.log()实验
var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽
var winH=document.body.clientHeight||document.docuemntElement.clientHeight;//网页可见区域宽
//以上为不包括边框的宽高，如果是offsetWidth或者offsetH
在JavaScript开发中，浏览器兼容性问题常常困扰着开发者。不同的浏览器对JS的解析和执行可能存在差异，这使得在实现某些功能时需要采取特定的解决策略。本文将探讨一些常见的JavaScript浏览器兼容问题及其解决方法。
涉及到的是浏览器窗口的宽高获取。在不同浏览器中，获取网页可见区域宽高的方式有所不同。`document.body.clientWidth` 和 `document.body.clientHeight` 适用于大部分情况，但不包括滚动条和边框。若要包含边框，可以使用 `offsetWidth` 或 `offsetHeight`。然而，IE浏览器有时会使用 `document.documentElement` 对象来获取这些值。因此，为了兼容所有浏览器，我们可以使用或操作来确保获取正确的值：
```javascript
var winW = document.body.clientWidth || document.documentElement.clientWidth;
var winH = document.body.clientHeight || document.documentElement.clientHeight;
```
接着是获取整个网页的宽高和滚动位置。`scrollWidth` 和 `scrollHeight` 分别用于获取网页的实际宽度和高度，包括不可见部分。`scrollTop` 和 `scrollLeft` 则分别代表网页向上滚动的距离和向左滚动的距离。这些属性在各浏览器中的表现基本一致，但需要注意的是，Firefox 使用 `window` 对象而非 `document` 对象：
```javascript
var winWW = document.body.scrollWidth || document.documentElement.scrollWidth;
var winHH = document.body.scrollHeight || document.documentElement.scrollHeight;
var scrollHeight = window.pageYOffset || document.documentElement.scrollTop;
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
```
事件处理是另一个常见的兼容性问题。在IE浏览器中，事件对象 `event` 是全局的，可以直接访问。而在其他现代浏览器中，事件对象作为参数传递给事件处理函数。为了解决这个问题，我们可以这样编写兼容的事件处理函数：
```javascript
document.onclick = function(event) {
var e = event || window.event;
var mouseX = e.clientX;
var mouseY = e.clientY;
}
```
此外，DOM操作也是浏览器兼容性问题的重灾区。在IE6、7、8中，获取元素的相邻、第一个和最后一个子节点的方法与现代浏览器不一致。因此，我们需要封装函数来实现兼容：
```javascript
function nextNode(obj) {
return obj.nextElementSibling || obj.nextSibling;
}
function prevNode(obj) {
return obj.previousElementSibling || obj.previousSibling;
}
function firstNode(obj) {
return obj.firstElementChild || obj.firstChild;
}
function lastNode(obj) {
return obj.lastElementChild || obj.lastChild;
}
```
`document.getElementsByClassName` 方法在IE6、7、8中不被支持，可以使用jQuery库或其他工具函数来实现，或者通过循环遍历DOM节点并检查元素的`className`属性来达到同样的效果。
处理JavaScript的浏览器兼容问题通常需要对各种浏览器的特性和行为有深入理解，并使用适当的技巧和函数来确保代码在所有浏览器中都能正常工作。开发者应保持对新特性的学习，同时也要关注老版本浏览器的兼容需求，以便编写出更加健壮的代码。
