技术文章

$(window).height()取值等于$(document).height()的问题

日期:2016-06-16 阅读:27033

由于文档声明错误,导致webkit内核浏览器下出现$(window).height()等于$(document).height()的问题。

新做一个页面,发现以前正常的弹出窗口,位置总是不对,检查 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">
问题是解决了。

可是写成下面这样就出错。

<!DOCTYPE>     
<html>


而正确的写法应该是:

<!DOCTYPE html>   --- 注意,多了一个html
<html>

即使写成上面这样,但是调试程序时,在html之前测试了输出,那么webkit也认为是问题。

比如在做一个wordpress主题时,先 输出了echo $template;用来查看模板文件。结构就出现这样的问题。
-----