本文介绍了HTML文档中常见的兼容性和操作问题，包括DOCTYPE声明的影响、元素高度获取方式、事件监听处理、错误事件触发条件及屏幕适配等。还讨论了不同浏览器下链接跳转的表现差异。
1.如果声明了<!DOCTYPE html>并在后面加上了其他代码如：<!DOCTYPE html xmln="xxxxxxxxxx">
此时，获取元素高度会不准确。
2.声明了DOCTYPE后，不能使用document.body.clientHeight,要使用document.documentElement.clientHeight来获取页面的可视高度。
3.event在火狐里是失效的，编写时可以用以下代码来兼容
img.onload=function(e){
var e = e||event;
var imgSrc = e.target.result;
}
4.onerror在火狐浏览器失效。当img的src为空时，火狐是不会执行onerror的，只有src里面的图片地址是无效的找不到图片资源时，火狐才会执行onerror。
5.屏幕适配时，要以小屏幕为基准向大屏幕进行扩展
6.如果web端的网页不是响应式的，那么最外层的元素要设置一个最小宽度以保证用手机查看网站时网页排版正常
7.在button标签里放置a标签链接，chrome浏览器可以正常跳转，但是火狐浏览器可能不识别。 需要把a标签嵌套到button的外面。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
