var version = navigator.appVersion
var start = version.indexOf("MSIE")
var temp = version.slice(start+5, start+6)
if(temp=="9"){
alert(9)
}else if(temp=="8"){
alert(8)
}else if(temp=="7"){
alert(7)
}else if(temp=="6"){
alert(6)
}else if(temp=="5"){
alert(5)
}
</script>
在IE8下,如果开启兼容性视图,返回值是7,否则返回8。
其实一般网站没问题很少有人会去懂兼容性按钮，可以在网站头部加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
如果是高版本的浏览器自动会用IE7内核去渲染，就是所谓的兼容模式吧，狠多大型网站都可以看到这行代码，可以减小前端的工作量。
不同的浏览器，对不同的/相同的属性、方法等的支持程度也会有所差别，要想达到满意的效果，需要做一些处理、给不同的浏览器量体裁衣，也就是所说的达到兼容。
常见的处理方式：（能力检测和浏览器检测）
1、三目运算式
typeof A=='B'?A:C
浏览器的类型A是B吗，是的话就用A，否则就用C。
2、逻辑或（没有1可靠）
var A=B||C
浏览器存在B或C其一，或者都存在。都存在默认用B。
3、检测浏览器引擎和版本号
BrowserDetect.browser == 'Internet Explorer' &&BrowserDetect.version <= 7
根据不同的浏览器做不同的方案处理。
上栗子
IE、Safari、Opera 和Chrome 都提供screenLeft 和screenTop 属性，分别用于表示窗口相对于屏幕左边和上边的位置。Firefox 则在screenX 和screenY 属性中提供相同的窗口位置信息，Safari 和Chrome 也同时支持这两个属性。但是不建议在Opera中使用screenX 和screenY。
在IE、Opera 中，screenLeft 和screenTop 中保存的是从屏幕左边和上边到由window 对象表示的页面可见区域的距离（包括工具栏） ，而在Chrome、Firefox 和Safari 中，screenY 或screenTop中保存的是整个浏览器窗口相对于屏幕的坐标值，即在窗口的y 轴坐标为0 时返回0。
outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸大小。而innerWidth 和innerHeight则表示该容器中页面视图区的大小（减去边框宽度）。
document.documentElement.clientWidth 和
document.documentElement.clientHeight 中保存了页面视口的信息。在IE6中，这些属性在标准模式（document.compatMode == "CSS1Compat"）下才有效，在混杂模式（document.compatMode == "BackCompat"）下必须通 document.body.clientWidth 和 document.body.clientHeight 来获取
网页显示javascript错误的解决办法：首先打开浏览器，选择Internet选项；然后切换到安全标签页中，单击自定义级别进入；接着选择“启用”项，并点击“是”；最后退出设置即可。请多刷新几次或者把浏览器关掉再打开。打开IE属性把临时文件历史记录cookies都删掉。javascript：viod(0)表示执行javascript方法，该方法返回void(0)即不会返回任何结果。也就是说不会执行任何javascript功能。至于为何打不开原因可能有网络原因，javascript未加载完毕等等。【点击测试我适不适合学设计】学习前端的知识，您可以选择千锋教育。千锋的高校服务业务以深化产教融合为已任，为应用型本科、中高职等全国各类院校提供高校协同服务解决方案。截止目前合作院校超700所，校企合作实验室50余个，专业共建在校生近5000人，为高校举办实训近万次，组织实施各类讲座5万余场，从2017年参与教育部产学合作协同育人项目以来，目前已协同443所高校，累计成功申报立项992项，立项数量在教育部在册统计全国排名第二位（数据统计参照《产学合作教育研究》内刊2022年第1期）。
