transitional.dtd影响浮动效果的解决：改js代码中的document.body

最新推荐文章于 2025-12-09 18:00:00 发布
转载 最新推荐文章于 2025-12-09 18:00:00 发布 · 716 阅读 · 0
文章标签：

#html #xhtml #测试

本文介绍了一个关于DOCTYPE声明导致的JS兼容性问题及解决方案。当使用特定DOCTYPE声明时，某些JS代码可能无法正常运行。文章提供了一种简单的方法来解决此问题：只需将JS中的document.body替换为document.documentElement即可。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

去掉这个声明代码后所有的对不齐，不去掉做浮动不滑动，

原来是js文件中的代码不被

<!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文件中的document.body换成document.documentElement就可以了

经测试，一些常见的浮动代码经过这般修改就正常使用了。

包括JQQonline插件 4.0，需要更改admin.asp

 
zhengsj
关注
xhtml1-transitional.dtd 学习
03-01
博文链接：https://spaceflysky-163-com.iteye.com/blog/236685
DOCTYPE, HTML和XHTML, Strict DTD和Transitional DTD, Quirks Mode和Standard Mode
Coding是人生最惬意的事情
05-21 2291
我们在HTML里面声明DOCTYPE一般会有以下几种： 是的，这里有HTML和XHTML，也有Transitional和Strict之分。顾名思义，XHTML是指这个文档是按照XML的格式来书写的，而HTML则表示这个文档是按照HTML的格式来书写的。Transition则表示这个文档达到了Transitional.dtd或者loose.dtd的要求，Strict则表示这个文档达到了st
关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
weixin_30311605的博客
10-09 131
这是一位高人的文章，源文地址在：http://blog.csdn.net/net_lover/archive/2006/08/25/1116488.aspx 这里我还收集了一个《滚动条资料整合》的文章（源文地址：http://www.choco.cn/post/76.html）我把它们收集在一起主要是为了查看方便。 关于loose.dtd和xhtml1-transitional.dtd等...
把 HTML Transitional DTD 换成 HTML Strict DTD之后，页面显示变了
tian_xuezhi的专栏
10-27 892
以前写JSP的时候都用Java自动生成的页面，从来没注意DTD。 这两天要实现随滚动条浮动的窗口，用到CSS position:fixed。 在原来页面中使用fixed,完全没有效果，后来把文档类型改成 HTML Strict DTD之后，才能随滚动条 动。 不过麻烦又来了，把文档类型改成 HTML Strict DTD，以前的页面布局全都乱了。有的DIV本来靠右的现在也不
document.body、document.documentElement和window获取视窗大小的区别
淡忘~浅思
10-03 3582
在w3school关于window对象的介绍中，介绍了获取浏览器窗口大小的三种方法（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHe
document.body.scrollTop为0的解决方案
Jruott的专栏
06-10 1294
Jquery用多了，对单纯JS却发现有些问题。今天做浮动就碰上了document.body.scrollTop总为0的问题。百度一下终于得到解决方法。 在页面中加一个随着页面滚动条滚动的小图片广告，但是却发现document.body.scrollTop这个属性在本地的时候能取到值，但是传到服务器上的时候取到的值一直不变。 解决方案 1、原来在HTML文件头部声明了这样一句： http:/
XHTML下,JS浮动代码失效的问题
12-10
这是因为，按照标准来说，我们看到的窗体的滚动条不应该是 body 的，而是 HTML 的（也就是 document.documentElement 对象）所以，解决办法是：把html下不标准的代码“document.body.scrollTop”变换为“document....
不随滚动条滚动而滚动的浮动效果
05-16
document.getElementById("Javascript.Div1").style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - document.getElementById("Javascript.Div1").offsetHeight) / 2) + ...
符合W3C标准的浮动广告实现代码
"符合W3C的漂浮广告代码是一个网页设计示例，它使用HTML和JavaScript实现了一个在页面上浮动的广告条。这个代码片段是兼容W3C标准的，确保了良好的浏览器兼容性和网页结构的规范性。" 在这个代码中，我们可以看到...
符合W3C的漂浮广告代码.txt
06-03
这段代码示例展示了如何在一个符合W3C标准的文档中实现一个简单的漂浮广告效果。通过对文档类型声明、基本HTML结构以及JavaScript实现细节的理解，我们可以更好地掌握如何在Web开发中遵循最佳实践。此外，还可以...
CSS——浮动布局改错题
流楚丶格念的博客
07-03 4434
文章目录题目错误代码解析正确代码 题目 错误代码 <!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"> <head> <meta http-equiv="Content-Type" cont
固定表头和列的方法
12-08 567
.ListTableF { border:1px solid #8EC2E6; border-collapse:collapse;  BORDER-BOTTOM: medium none;      BORDER-LEFT: medium none;      BORDER-RIGHT: medium none;      BORDER-TOP: medium
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
热门推荐
iufin的博客
06-26 1万+
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/"> 用dreamweaver新建一个html页面，打开代码视图，会看到默认就已经有一些内容，很多做网页设计或网站开发的人都不知道，图中红框所示的三句话有什么用。我也是因为不懂，然后查了些资料，终于知道这到底是干什么用
使用 HTML + JavaScript 实现手写签名功能
QQ26843500的博客
12-04 921
本文介绍了一个基于HTML5 Canvas实现的手写签名网页应用。该应用主要功能包括： 提供米字格背景和范字（"海纳百川"）作为书写参考 支持鼠标和触摸屏两种书写方式 包含清空画布和下载签名图片两个功能按钮 技术实现上使用双Canvas叠加方案，底层Canvas绘制米字格和范字作为引导层，上层Canvas实现手写功能。通过JavaScript事件监听实现笔迹追踪，采用贝塞尔曲线平滑处理书写轨迹。响应式设计适配不同设备，并提供PNG格式的签名下载功能。整体界面简洁，采用蓝色标题栏和白色书写
[Web自动化] HTML元素的定位(Xpath)
最新发布
知智
12-09 508
摘要：XPath是一种用于定位XML/HTML文档节点的语言，通过路径表达式实现元素查找。它具有灵活性、简洁性和跨平台性等特点，支持绝对路径和相对路径定位，可结合属性、文本内容等进行精确筛选。XPath广泛应用于Web自动化测试、数据抓取和XML处理等场景，提供丰富的函数和运算符支持复杂查询。本文详细介绍了XPath的基本语法、工作原理和应用实例，包括条件表达式、通配符使用等核心功能，帮助开发者高效处理文档节点定位问题。（149字）
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值