码迷,mamicode.com
首页 > Web开发 > 详细

<!DOCTYPE html PUBLIC 导致js代码不可用

时间:2014-05-29 13:44:06      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:c   style   http   a   width   strong   

在有了这个

<!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">标记的时候,说明这里引用的JS以及CSS都要符合编码规范,有些JS编写不符合规范,可能会导致

无法正常运行。

解决这个问题的方法:这是因为加入DOCTYPE申明后,js里是不能使用document.body的,一定要改成document.documentElement,还有就是加"px"。

修改前:
...
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos + document.body.scrollLeft;
img1.style.top = yPos + document.body.scrollTop;
...
修改后:
...
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
Hoffset = qingrenjie_pd.offsetHeight;
Woffset = qingrenjie_pd.offsetWidth;
img1.style.left = xPos + document.documentElement.scrollLeft + "px";
img1..style.top = yPos + document.documentElement.scrollTop + "px";

<!DOCTYPE html PUBLIC 导致js代码不可用,布布扣,bubuko.com

<!DOCTYPE html PUBLIC 导致js代码不可用

标签:c   style   http   a   width   strong   

原文地址:http://www.cnblogs.com/eyunhua/p/3756411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!