【IE常见兼容性问题】ie9\ie10\ie11中常见的html、js兼容性问题记录

这篇博客探讨了JavaScript中遇到的兼容性问题,特别是针对IE9和IE10浏览器,例如event.pageX和event.pageY的不支持。同时,文章列举了多种获取页面宽高和滚动位置的方法,包括document.body和window.screen的相关属性,为开发者提供了解决浏览器差异的参考。
摘要由CSDN通过智能技术生成

一、js兼容性问题

1.鼠标右键事件

	event.pageX(ie9、ie10不支持)  ==>  event.clientX
	event.pageY(ie9、ie10不支持)  ==>  event.clientY

其他获取页面宽度、高度的常用方法:

	网页可见区域宽:document.body.clientWidth 
	网页可见区域高:document.body.clientHeight 
	网页可见区域宽:document.body.offsetWidth (包括边线的宽) 
	网页可见区域高:document.body.offsetHeight (包括边线的宽) 
	网页正文全文宽:document.body.scrollWidth 
	网页正文全文高:document.body.scrollHeight 
	网页被卷去的高:document.body.scrollTop 
	网页被卷去的左:document.body.scrollLeft 
	网页正文部分上:window.screenTop 
	网页正文部分左:window.screenLeft 
	屏幕分辨率的高:window.screen.height 
	屏幕分辨率的宽:window.screen.width 
	屏幕可用工作区高度:window.screen.availHeight 
	屏幕可用工作区宽度:window.screen.availWidth

二、js问题

1.Jq获取 img 的 src 值:

写法$(‘#imgid’).src 只能获取到结果 undefined

原因是$(‘#imgid’)获取到的是一个数组而不是img标签对象

正确写法是$(‘#imgid’)[0].src,或者直接用原生方法document.getElementById(“test”).src (注:原生方法是直接获取DOM对象)

当然也可以通过$(‘#imgid’).attr(“src”)方式获取

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值