前言
JavaScript中很多坑，其中对浏览器的兼容也是一个问题，本文就简略的归纳了部分针对浏览器兼容问题的写法的例子，旨在便于查找。如果读者有什么好的意见建议，请留言交流，谢谢！
window窗口大小
1.在IE9+、Chrome、Firefox、Opera以及Safari中
window.innerHeight获取浏览器窗口的内部高度
window.innerWidth获取浏览器窗口的内部宽度
rush:js;">
var msg = "窗口宽度：" + window.innerHeight + "\n窗口高度：" + window.innerWidth;
alert(msg );
2.在IE5/6/7/8（Chrome和Firefox也支持）
document.documentElement.clientHeight
document.documentElement.clientWidth
rush:js;">
var msg = "窗口宽度：" + document.documentElement.clientWidth + "\n窗口高度：" + document.documentElement.clientHeight;
alert(msg);
3.兼容写法（可以涵盖所有的浏览器）
就是把前两者的写法相 “或”。
rush:js;">
var w = window.innerWidth || document.documentElement.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight;
alert("窗口宽度：" + w + "\n窗口高度：" + h);
获取内部样式表和外部样式表
1.对IE浏览器：对象.currentStyle[“属性名”]
2.其他浏览器：window.getComputedStyle(对象， null)[“属性名”]
注意：内部样式表中的属性和外部样式表中的属性只能获取不能修改。如果想修改需要通过行间样式表修改，行间样式表的优先级最高，会覆盖内部样式表和外部样式表。
rush:js;">
Box1">
onscroll事件
rush:js;">
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
