javascript简介：

　　javascript是一种专门为与网页设计交互也设计的脚本语言，ECMAScript、文档对象模型（DOM）、浏览器对象模型（BOM）这三种组成

　　ECMAScript是由ECMA-262定义，提供核心语言功能

　　文档对象模型（DOM）主要提供访问和操作网页内容的方法和接口

　　浏览器对象模型（BOM）主要提供与浏览器交互的方法和接口

javascript的使用方式：

<script>元素

　　　　<script>元素是我们在HTML中使用javascript的标签元素可以写在head标签中，也可以写body标签中，还也有写在body元素之后html元素之前。

　　<script>标签中提供几种属性：

　　　　async：表示应该立即下载脚本，但不妨碍网页的其他操作，通常用在外部链接脚本

　　　　charset：表示src属性指定的代码的字符集

　　　　defer：表示脚本可以等网页解析和显示完成后在执行，只对外部链接脚本有效

　　　　src：表示需要执行的外部脚本地址

　　　　type：表示脚步语言类型通常使用text/javascript（如果不写默认会加上）

浏览器解析javascript脚本的时候是从上到下来解析，如果<script>标签中没有defer、async的属性脚本就会按照从下到下来解析

 

　　<script>标签在HTML中使用

1 <!DOCTYPE html>
 2 <html lang="en" ng-app="mainApp">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6    <script src="angular.min.js" type="text/javascript"></script>
 7     <script>
 8        var a = 1;
 9        console.log(a);
10     </script>
11 </head>
12 <body>
13     <script type="text/javascript">
14       var a = 1;
15       console.log(a);
16     </script>
17 </body>
18 </html>

脚本延迟加载和异步加载的方式

1 <!DOCTYPE html>
 2 <html lang="en" ng-app="mainApp">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6        <script src="angular.min.js" type="text/javascript" defer=“defer”></script>
 7        <script src="angular.min.js" type="text/javascript" async></script>
 8 </head>
 9 <body>
10 　　<!--这里是网页内容-->
11 </body>
12 </html>

外部文件的好处：

　　1.可维护性：遍及不同 HTML页面的 JavaScript会造成维护问题。但把所有 JavaScript文件都放在 一个文件夹中，维护起来就轻松多了。而且开发人员因此也能够在不触及 HTML标记的情况下， 集中精力编辑 JavaScript代码

　　2.可缓存性：浏览器能够根据具体的设置缓存链接的所有外部 JavaScript文件。也就是说，如果有两个 页面都使用同一个文件，那么这个文件只需下载一次。因此，终结果就是能够加快页面加载的速度

文档模式：

对于标准模式，可以通过使用下面任何一种文档类型来开启：
<!-- 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>

而对于准标准模式，则可以通过使用过渡型（transitional）或框架集型（frameset）文档类型来触发， 如下所示：
<!-- HTML 4.01 过渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

第一部分的内容只是对javascript进行一个简单的介绍。