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

Javascript
javascript 函数介绍
超酷的鼠标拖拽翻页(分页)效果实现javascript代码
关于Javascript中的事件--Event对象
js+css图片自动等比例缩小且垂直居中
输入法下keyup失效的解决方案
关于初次学习Ajax的一些心得
可以不被浏览器拦截的弹出窗口JS代码
网页设计常用的Javascript特效代码
XMLHTTPRequest的属性和方法
微软、Mozilla舌战新版JavaScript发展
网页制作中常用的几段小Javascript代码
Ajax是建立Web应用的一条新途径
AJAX学习:理解JavaScript函数
javascript下的正则表达式基本书写
学习 javascript 注意的4个问题
javascript正则表达式的常用方法总结
初学者全面接触学习jquery(译文)
用Ajax和Web2.0扩展SOA
使用 jQuery 简化 Ajax 开发
关于clientHeight、offsetHeight、scrollHeight

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 302 ::
收藏到网摘: 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
其实大家可以多看软晨学习网以前发布的文章。