今天一个同事反映公司网站的弹窗跑到网页底部去了,检查JS代码,测试发现文件中$(window).height()取得的值竟然等于$(document).height()。百思不得其解,百度找到一篇文章说webkit内核下,如果使用的是html5格式的文档声明,则会出现这种情况,文章介绍的方法是将原来的文档声明改为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
问题是解决了,可是我记得之前我使用html5标准写的代码并没有出现过这种情况,后来仔细检查才发现原来是头部文件的文档声明被另外一个同事改错了,他写成了:
<!DOCTYPE> <html>
而正确的写法应该是:
<!DOCTYPE html> <html>
真是无语。。。