时间:2021-05-25
前言
JavaScript中很多坑,其中对浏览器的兼容也是一个问题,本文就简略的归纳了部分针对浏览器兼容问题的写法的例子,旨在便于查找。如果读者有什么好的意见建议,请留言交流,谢谢!
window窗口大小
1.在IE9+、Chrome、Firefox、Opera以及Safari中
window.innerHeight获取浏览器窗口的内部高度
window.innerWidth获取浏览器窗口的内部宽度
2.在IE5/6/7/8(Chrome和Firefox也支持)
document.documentElement.clientHeight
document.documentElement.clientWidth
3.兼容写法(可以涵盖所有的浏览器)
就是把前两者的写法相 “或”。
获取内部样式表和外部样式表
1.对IE浏览器:对象.currentStyle[“属性名”]
2.其他浏览器:window.getComputedStyle(对象, null)[“属性名”]
注意:内部样式表中的属性和外部样式表中的属性只能获取不能修改。如果想修改需要通过行间样式表修改,行间样式表的优先级最高,会覆盖内部样式表和外部样式表。
为了简化书写和兼容浏览器,一般封装一个方法。如下列。
onscroll事件
<script type="text/javascript"> window.onscroll = function () { console.log("开始滚动..."); //跨浏览器获得滚动的距离 console.log(document.documentElement.scrollTop | document.body.scrollTop); }</script>事件对象
box.onclick = function(event) { event = event || window.event; console.log("offsetX:" + event.offsetX + " offsetY:" + event.offsetY); console.log("screenX:" + event.screenX + " screenY:" + event.screenY); console.log("clientX:" + event.clientX + " clientY:" + event.clientY); console.log("pageX:" + event.pageX + " pageY: " + event.pageY);}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在javascript代码中,因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题。例如,我们最常见
本文实例分析了Javascript字符串浏览器兼容问题。分享给大家供大家参考。具体分析如下:先看下不兼容的写法,若我想获取某个字符串的第几位复制代码代码如下:v
一般浏览器就IE6、IE7、IE8、火狐、GOOGLE浏览器chrome等,大家最困扰的就是网页在各大浏览器的兼容问题,其实所有浏览器在不兼容方面只存在两点:浮
浏览器的兼容问题突出。浏览器是最为重要的工具,基于DIV+CSS技术的网页设计的浏览器在兼容性问题上还存在诸多有待改进和提升的地方。由于DIV+CSS技术在浏览
以ie浏览器为例,其兼容模式又被称为网页兼容模式或网站兼容模式,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题(比如用户名、密码无法输入