新的文档类型定义模型带来的问题--javascirpt/CSS

最新推荐文章于 2024-08-27 14:09:09 发布
最新推荐文章于 2024-08-27 14:09:09 发布
阅读量1k 收藏
点赞数
分类专栏： CSS 文章标签： 文档 html xhtml ie css google
 
IE6 and DTD 4.01 requires you to use document.documentElement in stead of document.body, so u will need somthing like the below:

if (document.documentElement && !document.documentElement.scrollTop)
// IE6 +4.01 but no scrolling going on
else if (document.documentElement && document.documentElement.scrollTop)
// IE6 +4.01 and user has scrolled
else if (document.body && document.body.scrollTop)
2、document.body.scrollTop总是零的原因

原来在HTML文件头部声明了这样一句：
<!DOCTYPE HTML PUBLIC "-//W 3C //DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

改成这样就好了：
<!DOCTYPE HTML PUBLIC "-//W 3C //DTD HTML 4.01 Transitional//EN">
但页面稍有变化，感觉不爽，于是又在google里找，终于发现这是IE5与IE6的区别：

var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
     document.compatMode != 'BackCompat') {
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
   scrollPos = document.body.scrollTop;
}
alert(scrollPos);

一切OK.

 

 3、关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。

最近，很多人反映 下面的CSS定义在 loose.dtd和xhtml1-transitional.dtd下无效了：

body{
SCROLLBAR-FACE-COLOR: #f 2f 2f 2;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #ff0000;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

overflow-y:hidden
}

解决办法就是

html,body{
SCROLLBAR-FACE-COLOR: #f 2f 2f 2;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #ff0000;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

overflow-y:hidden
}

新的文档类型定义模型使用html 元素作为容器。

类似的还有

document.body.scrollHeight等结果为0

需要使用新的办法：

var eleHeight
if(document.documentElement)
eleHeight = document.documentElement.scrollHeight
else
eleHeight = document.body.scrollHeight
High_Mount
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web开发高级功能，CSS盒子模型居中方法
m0_60196468的博客
07-22 151
（2）问：0.1 + 0.2 === 0.3 嘛？为什么？ JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52） 1 符号位，0 表示正数，1 表示负数 s 11 指数位（e） 52 尾数，小数部分（即有效数字） 最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPreci
JavaScript-基础字典
qq_54101090的博客
03-12 1801
Math绝对值方法：Math.abs()// 1// 1//NaN三个取整方法// 9 向下取整// 2 向上取整//1 四舍五入随机数方法random()//随机数方法 random(),返回一个随机的小数 0
最新Web前端面试题-HTML-CSS-Javascript
DamonSalvatore18的博客
12-15 3789
一、HTML基础 1.常见浏览器的内核 （1）IE: trident 内核 （2）Firefox：gecko 内核 （3）Safari: webkit 内核 （4）Opera: 以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核 （5）Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发 ) 2.HTML 开头Doctype的作用 html网页声明，位于文档中的最前面的位置，处于标签之前。此标签可告知
html,css,javascirpt基础知识
qq_42288073的博客
02-25 281
HTML 是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。 HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。 HTML文档结构是由< html >、< head>和< body>这三大元素组成。 标签 标签对的组成：标签名、属性、内容 表格标签 table thead tr th tbody tr td 表单标签 form act...
JavaScirpt(JS)——DOM文档对象模型
anmi3721的博客
06-08 106
一、HTML DOM介绍 HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。 HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树)。 　　通过 DOM，可...
HTML+CSS+JS.DOM文档
qq_52218442的博客
03-18 166
HTML+CSS+JavaScript文档 1.HTML文档 1.什么是网页:网页是构成网站的基本元素；以html结尾 2.HTML语言:是一种超文本标记语言，用于描述网页的一种语言 3.Web标准:由W3C组织和其他标准组织指定的一系列标准的集合,W3C(万维网)是国际著名的标准化组织 组成:结构（HTML）;表现（CSS）;行为(JavaScirpt) 4.语法规范: 标签成对出现；标签必须由“<>”包括;只有一个标签的称为但标签；双标签关系可以分为嵌套关系 和并列关系。 5.HTM...
javascirpt历史澄清误解基本概念特点编程语言web2.0网页javascript - javascirpt知识大全...
alexhill2009的博客
04-19 150
目录1历史 2澄清误解 3基本概念 4特点 5与Java的不同 6开发工具 历史　　大概在1992年，一家称作Nombas的公司开始开发一种叫做C减减（C-minus-minus，简称Cmm）的嵌入式脚本语言。这个脚本语言捆绑在一个叫做CEnvi的共享软件产品中，当Netscape Navigator崭露头角时，Nombas开发了一个可以嵌入网页中的CEnvi的版本。这些早期的试...
JavaScript--js基础(详细 全面)
Dreamkidya的博客
06-24 783
本文旨在介绍和学习JavaScript的基础知识。通过本文的阅读，读者将能够了解JavaScript在网页开发中的重要性和作用，掌握其基础语法和概念。不论是初学者还是有一定经验的开发者，都可以通过本文来加深对JavaScript的理解，并提升自己的开发能力。希望读者能够从中获得有益的知识，为日后的学习和实践打下坚实基础。愿读者在学习JavaScript的过程中不断成长，探索更多可能性
HTML&CSS&Javascript学习总结
weixin_43593926的博客
08-31 553
HTML HTML(*Hypertext Markup Language)是一种超文本标记语言 一、HTML标记 1 . HTMl元素分析 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dqwzelyx-1598868442842)(https://qige.io/web/brief-html/img/f63738cc51ebfa14.png)] * 开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用
JavaScirpt-30days-master:30天JavaScript挑战
04-04
1. **基础语法**：变量声明（var, let, const）、数据类型（字符串、数字、布尔、对象、数组等）、操作符、流程控制（条件语句、循环）、函数定义和调用。 2. **DOM操作**：如何使用JavaScript来操作文档对象模型...
JavaScirpt入门
L990614的博客
09-10 572
一、JavaScript ​ Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。 ​ Java 服务器端的编程语言 ​ JavaScript 运行在客户端(浏览器)的编程语言 1、JavaScript的发展过程（了解） ​ JavaScript 诞生于1995 年。当时，它的主要
jQuery入门基础-附案例
qq_43293778的博客
06-02 1187
文章目录预备知识与后续知识及项目案例为什么要学jquery体验jquery的使用jquery到底是什么jquery的版本问题jquery的入口函数jq对象和dom对象(重要)jquery选择器什么是jQuery选择器基本选择器层级选择器过滤选择器筛选选择器(方法)【案例：下拉菜单】【案例：突出展示】【案例：手风琴】【案例：淘宝精品】元素设置样式设置类名设置案例-《tab切换》属性设置案例-《美女相册》prop方法动画基本动画滑入滑出案例-《下拉菜单2》淡入淡出案例-《淡入淡出》自定义动画案例-《360开关机
html文本文字中保留空格和换行
qq_41985405的博客
08-26 317
空格和换行的样式：虽然HTML本身并不直接支持对空格和换行的样式设置，但是我们可以通过CSS来实现这个效果，我们可以使用whitespace属性来控制如何处理元素中的空白。会使元素中的所有空白都被保留，而whitespace: nowrap;则会阻止元素中的文本换行。
html快速入门
m0_52049533的博客
08-22 743
/
你没有使用过（但应该使用）的前 5 个 HTML 功能
Java+GO+JS全栈工程师-鹤冲天的博客：编程辅导~商务合作~技术交流
08-26 570
TML 已经有了很大的发展，这些特性展示了它已经变得多么强大和灵活。通过将这些鲜为人知的元素合并到你的项目中，你可以创建响应速度更快、动态更动态且用户友好的网页，同时减少对外部库和框架的依赖。因此，请尝试这些 HTML 功能 — 你可能会惊讶于它们可以在多大程度上增强你的开发过程。
使用HTML实现贪吃蛇游戏
Do my best!
08-26 325
上述代码实现了一个基本的贪吃蛇游戏，包括蛇的移动、食物的生成、碰撞检测和游戏循环。你可以通过方向键来控制蛇的移动。游戏会在蛇撞到墙壁或自身时结束，并提示“游戏结束”。
[vue] jszip html-docx-js file-saver 图片，纯文本 ，打包压缩，下载跨域问题
最新发布
qq_14993591的博客
08-27 372
创建文件：支持导出纯文本。
Java学习Day33：HTML 第四章：大战虎先锋（js）
weixin_51721783的博客
08-24 986
JS语句;
用html制作网页函数,网页设计与制作（HTML+CSS+JS）-3期（KC003） JavaScirpt函数与浏览器对象 4函数的定义与引用.pptx...
05-26
抱歉，作为一个语言模型AI，我无法提供pptx文件。但是，我可以向您介绍HTML中创建函数的方法。 在HTML中，可以通过JavaScript来编写函数。下面是一个简单的例子： ```html <!DOCTYPE html> <title>Function ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值