js更改html 文档模式,js 笔记 第一章在html中使用<javascript>标签 以及 html文档模式...

1、 标签的defer  属性：延迟脚本执行

使用defer='defer' 属性可以让脚本在文档完全呈现完之后再执行，延迟脚本总是按照指定他们的顺序执行的。

2、 标签的async属性： 表示当前的脚本不必等待其他脚本，也不必阻塞文档的呈现。但是不能保证异步脚本按照他们在页面中执行的顺序执行。

Test

alert('nihao');

asdfasdfasdf

上面这段代码 ，会先执行alert('nihao'); 再想文档中输出asdfasdfasdf,再执行a.js、执行b.js

3、文档模式

以XHTML 1.0为例： XHTML 1.0中有3种DTD(文档类型定义)声明可以选择：过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。这里分别介绍如下。

1．过渡的

一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识(符合xhtml语法标准)。过渡的DTD的写法如下：

2．严格的

一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如
等。严格的DTD的写法如下：

3．框架的

一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：

ps：

使用严格的DTD来制作页面，当然是最理想的方式。但是，对于没有深入了解Web标准的网页设计者，比较合适的是使用过渡的DTD。因为这种DTD还允许使用表现层的标识、元素和属性，比较适合大多数网页制作人员。

二、什么是标准模式与混杂模式？

不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析，但在某些情况下也会影响到JavaScript的解释执行。

1、文档模式目前有四种：

混杂模式(quirks mode)

//让IE的行为与(包含非标准特性的)IE5相同

标准模式(standards mode)

//让IE的行为更接近标准行为

准标准模式(almost standards mode)

//这种模式下的浏览器特性有很多都是符合标准的，不标准的地方主要体现在处理图片间隙的时候(在表格中使用图片时问题最明显)。

超级标准模式:

//IE8引入的一种新的文档模式，超级文档模式可以让IE以其所有版本中最符合标准的方式来解释网页内容。

ps：

总的来看，混杂模式让IE像IE5，标准模式使用IE7的呈现引擎，而超级标准模式则是IE8的默认文档模式。

2、如何触发文档模式：

§触发混杂模式:

如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法，因为不同浏览器在这种模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。

触发标准模式:

-//W3C//DTD XHTML 1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

触发准标准模式:

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

-//W3C//DTD HTML 4.01Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-//W3C//DTD XHTML 1.0Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

IE8中关闭超级标准模式：

//content属性中IE的值用于指定使用哪个版本的呈现引擎来呈现页面。设计这个值的目的就是为了向后兼容那些专门为老版本的IE设计的站点和页面。