JavaScript 文档模式

最新推荐文章于 2024-07-17 10:49:09 发布

原创最新推荐文章于 2024-07-17 10:49:09 发布 · 778 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#文档 #标准 #javascript #html

javascript 同时被 2 个专栏收录

9 篇文章

订阅专栏

javascript高级程序设计

8 篇文章

订阅专栏

本文介绍了网页文档的三种主要模式：混杂模式、标准模式和准标准模式，并详细解释了如何通过不同的文档类型声明来触发这些模式。了解这些模式有助于解决跨浏览器兼容性问题。

文档模式主要有两种，标准模式和混杂模式，后来IE又提出了准标准模式。

在文档开头没有发现文档声明类型时，所有浏览器默认开启混杂模式，这种模式在不同的浏览器下的行为差异很大，会出现很多兼容问题，跨浏览器的行为根本没有一致性可言。

开启标准模式：

<!-- HTML 4.01 严格型 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

或

<!-- XHTML 1.0 严格型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

或

<!-- HTML 5 -->
<!DOCTYPE html>

开启准标准模式：

使用过渡型文档来触发

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

<!-- XHTML 1.0 过渡型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

使用框架集型文档来触发

<!-- HTML 4.01 框架集型 -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<!-- XHTML 1.0 框架集型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小生

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript script标签与文档模式

黄黄黄一边敲代码一边写出来的博客

10-31

473

JavaScript <script>标签与文档模式 1. 文档模式首先说一下文档模式吧IE5.5 发明了文档模式的概念，即可以使用 doctype 切换文档模式。最初的文档模式有两种：混杂模式和标准模式。混杂模式让 IE 像 IE5 一样（支持一些非标准的特性）。标准模式让 IE 具有兼容标准的行为。 2.<script>标签 script标签有以下几种元素： src：可选。表示包含要执行的代码的外部文件。 async：可选。表示应该立即开始下载脚本，并在下载完后开始执行。

JavaScript文档加载模式以及元素获取

10-15

在本文中，我们将深入探讨JavaScript的文档加载模式以及如何获取页面元素。一、文档加载模式在JavaScript中，文档加载分为两种主要模式：同步加载（Synchronous）和异步加载（Asynchronous）。 1. 同步加载： ...

参与评论您还未登录，请先登录后发表或查看评论

JS文档模式

贤贤的博客

07-27

297

文档模式 IE5.5中的引入文档模式，可以使用doctype切换文档模式。文档模式更包含两种：标准模式和混杂模式。 1.文档模式：以一种先后兼容的方式显示，会让IE的行为与IE5相同,IE5包含非标准特性，以防止老站点无法工作。 2.标准模式：让IE具有兼容标准的行为，更接近于标准。区别两种模式的主要区别只体现在用CSS渲染的内容方面，但是对JavaScript也有一些关联影响，称为副作用。一、盒模型（盒模型包括 content(内容)、padding(内边距)、border(边框)、margin(外

【转】js中的文档模式-document.compatMode

aidenliu的专栏

07-09

821

<br /><br />[转自]http://www.chinaz.com/Design/Pages/0Q4VU12009.html<br />今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。<br />IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一

Html 文档模式

weixin_34405354的博客

12-02

199

文档模式：HTML文档模式是通过使用文档类型DOCTYPE来指定的。目前文档模式有三种：混杂模式（quirks mode）、标准模式（standards mode）和准标准模式。对于准标准模式，一般又是通过过渡型（transitional）和框架集型（frameset）来触发。准标准模式下很对特性都会按照浏览器标准去解析（当然，不是所有），文档开始处如果没有发现文档类型声明，则默认是混杂模式。...

文档模式

kalinara的博客

07-06

326

文档模式

JavaScript设计模式.pdf

10-02

JavaScript设计模式.pdf JavaScript设计模式是指在软件开发中使用JavaScript语言编写的设计模式。这些设计模式旨在提高代码的重用性、可读性、维护性和扩展性。以下是JavaScript设计模式的知识点总结： 1. 单体...

毕设&课设：基于vuePress的javascript设计模式文档集.zip

最新发布

07-16

本文档集为基于VuePress的JavaScript设计模式项目，旨在为计算机科学、电子信息工程以及数学等相关专业的学生提供大作业或毕业设计的参考资料。该项目遵循导师的指导并得到了认可，适用于大学生课程设计、期末大作业...

JavaScript帮助文档

10-19

这本“JavaScript帮助文档”是一个非常重要的资源，尤其对于初学者和经验丰富的开发者来说，都是不可或缺的工具。CHM（Compiled HTML Help）文件是一种由微软开发的帮助文档格式，它将HTML页面编译成单一的可执行...

JavaScript——文档模式

weixin_34319374的博客

05-08

128

文档模式 IE5.5 引入了文档模式的概念，而这个概念是通过使用文档类型（doctype）切换实现的。最初的两种文档模式是：混杂模式(quirksmode)和标准模式(standardsmode)。混杂模式会让 IE 的行为与（包含非标准特性的）IE5相同，而标准模式则让IE的行为更接近标准行为。虽然这两种模式主要影响CSS内容的呈现，但在某些情况下也会影响到JavaScript的解释执行。在 ...

html文档模式

青春华航的专栏

05-31

5873

一、什么是Doctype？ DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。以XHTML 1.0为例： XHTML 1.0中有3种DTD（文档类型定义）声明可以选择

js中的文档模式-document.compatMode

jinwei_zhiyuan的专栏

11-21

717

<br />　　首先解释一下 compat 这个在计算机英语最为常用，意思为兼容性，因此标题的意思是文档的兼容性模式。<br /> 今天在做首页漂动广告时，需要用到窗口的可见高度和宽度，以前也做过，但是做出来，在IE和FF下效果不一样，与查找原因，最后找到这几行代码<br /> function IeTrueBody(){<br /> return (document.compatMode&&document.compatMode!="BackCompact")?document.documentE

JavaScript学习之文档模式

Web前端开发

06-04

358

文档模式共有四种：混杂模式、标准模式、准标准模式和超级标准模式。一般把标准模式、准标准模式和超级标准模式统称为标准模式。

js文档模式之混杂模式与标准模式

qq_36060786的博客

02-22

1948

为什么会存在这两种文档模式呢？答案是：当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容，所以他们创建了两种表现模式：标准模式和混杂模式。1、文档模式是IE5.5引入的概念，这个概念是通过使用文档doctype实现的。（1）混杂模式：以一种先后兼容的方式显示，会让IE的行为与IE5相同,IE5包含非标准特性，以防止老站点无法工作。（2）标准模式：让IE的行为更接近标准行为，IE6及以上...

JS文档模式总结

weixin_60925698的博客

07-17

341

虽然混杂模式和标准模式不是JavaScript的直接特性，但它们对Web开发的整体环境和JavaScript的运行环境有重要影响。为了确保Web应用的兼容性和可维护性，建议始终使用有效的文档类型声明（DOCTYPE）并遵循当前的Web标准。这有助于确保浏览器以标准模式渲染网页，并减少因混杂模式引起的问题。

什么是文档模式

cake_eat的博客

09-16

3645

什么是文档模式 IE5.5引入了文档模式的概念，通过使用DOCTYPE实现模式切换，它的主要作用是告诉浏览器以哪种模式呈现，如何解析文档，也就是说两种模式主要影响CSS内容的呈现，某些情况下也会影响JavaScript的执行。文档模式的类型混杂模式：向后兼容的解析方式标准模式：要求严格的DTD，根据web标准去解析页面的模式。准标准模式：准标准模式与标准模式非常接近，它们的差异几乎可以忽略不计。两种模式的区别盒模型的解析：混杂模式盒模型的宽高=内容的宽高；标准模式盒模型的宽高=内容的宽高+p

文档模式介绍

好好学习,天天向上

01-16

1242

文档模式 ie5.5发明了文档模式的概念，即可以使用doctype切换文档模式。最初的文档模式有两种：混杂模式和标准模式。前者让IE像IE5一样支持一些非标准的特性，后者让IE具有兼容标准模式的行为。虽然这两种模式的主要区别只体现通过css渲染的内容方面，但对JavaScript也有一些关联影响，可以称为副作用。随着浏览器的对文档模式的普遍实现，又出现了第三种文档模式：准标准模式。这种模式下的浏览器支持很多标准的特性，但是也没有标准规定的那么严格。主要区别在于对待图片元素周围的空白（在表格中使用时最为明显

珍藏版JavaScript文档合集下载

JavaScript 5（通常指ECMAScript 5）是JavaScript语言的一个版本，它是ECMAScript标准的第五个版本，提供了一系列更新和改进，包括严格模式和新的API，比如`JSON`对象和`Object.create`方法。 6. **JavaScript网页...