当前位置: 首页 > 图文教程 > 网络编程 > Javascript > XHTML下,JS浮动代码失效的问题

Javascript
JavaScript 图片放大镜(可拖放、缩放效果)
javascript textarea支持图形编辑
各种效果的jquery ui(接口)介绍
js点小图显示大图的切换功能代码
js怎样实现下拉框改变,它旁边的图像也改变
js模拟电脑选择多文件夹效果_选区代码
js实现小鱼吐泡泡在页面游动特效
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
js抓人游戏
JavaScript的学习入门整理篇
Js动态创建div
Javascript拖拽&拖放系列文章3之细说事件对象
javascript不同页面传值的改进版
select组合框option的捕捉实例代码
初学JavaScript第一章
初学JavaScript_03(ExtJs Grid的简单使用)
jquery的颜色选择插件实例代码
鼠标跟随效果代码
JS版网站风格切换实例代码
javascript支持IE和firefox(FF)的渐变透明效果

Javascript 中的 XHTML下,JS浮动代码失效的问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 229 ::
收藏到网摘: n/a

漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用 对联代码,查阅它在xhtml下的表达方式,结果很简单了。这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)所以,解决办法是:把html下不标准的代码“document.body.scrollTop”变换为“document.documentElement.scrollTop”,一切ok!
(失效范围:XHTML 1.0 transitional.dtd;XHTML 1.0 strict.dtd;XHTML 1.0 frameset.dtd;xHTML 1.1 DTD)
软晨学习网编辑小结一下:
document.body替换成document.documentElement一般即可,但如果为了兼容非xhtml情况,一般一个判断
scrollTop=document.body.scrollTop?document.body.scrollTop:document.documentElement等判断
http://www.ruanchen.com/"http://www.ruanchen.com/" style="color: #000">http://www.ruanchen.com/rticle/2447.htm
其实大家可以多看软晨学习网以前发布的文章。