js高级教程阅读笔记 第二章-在HTML中使用JavaScript

本章核心
使用<script>元素
嵌入脚本和外部脚本
文档模式对javascript的影响
禁用javascript的场景

script元素

详细的资料

PS：加载的顺序是从上之下的/可是不能嵌套使用/能够加载外部域的js文件

标签的位置通常在body的内容后面，由于若是放在head部分，页面会先加载head，若是js不少的话，会影响加载速度。

固然可使用script的defer属性来进行延迟，这个属性的做用就是，即便你把script放在head，它也会在页面加载完成后加载js脚本，可是者必须是脚原本自外部文件。

若是你想改变js原本的加载顺序，可使用async的属性。这是用来执行异步脚本的。它会在load事件以前完成。

如此：是不是用async的区别以下：
| 是否使用async| |执行的顺序|
| 是 | |在页面解析时执行|
| 否 | |在页面解析前执行|

在xhtml中的用法

xhtml是比html更加严格的书写格式
例如在html能够直接使用<（小于符号），html采用特殊的规则能够解析。可是在xhtml中会把<当作是标签的开始。可使用下面两种方法进行替代：
- 一种是使用html实体：&It
- 二是采用CDATA片断，这个片断做为一个特殊区能够用来识别一些特殊格式，形以下面：

<script type="text/javascript"> <![CDATA[ //这里的>或者<能够直接使用 if(a>b){ return a; } } ]]> </script>

可是不少浏览器不支持cdata片断，能够采用js的注释，把cdata部分注视掉，这样全部的浏览器都支持这样的方式：

<script type="text/javascript"> //<![CDATA[ if(a>b){ return a; } } //]]> </script>

使用外部文件的优点

• 可维护
• 可缓存
• 适应将来

文档模式

1. 分类
   
   • 混杂模式
   • 标准模式 文档模式原本是影响css内容呈现的，可是也会影响js的加载