JavaScript简介及在HTML文件中的实现

一、JavaScript简介

1995年由Netscape和Sun公司共同开发的用于Netscape Navigator2浏览器的脚本语言。当时的主要目的是处理由服务器端语言负责的一些输入验证操作，提升用户的体验。1997年，T-39根据JavaScript1.1为蓝本定义了新的ECMAScript脚本语言标准，并于1998年成为ISO/IEC标准。

    JavaScript由三部分组成：ECMAScript、DOM、BOM。

    ECMAScript并不是专门针对Web开发的脚本语言，Web只是ECMAScript实现的宿主环境之一，他为ECMAScript提供了实现和扩展的功能。

     DOM（document object model，文档对象模型）是针对XML但经过扩展用于HTML的应用程序编程接口（API），他将整个页面映射为一个多层级的节点结构，每个节点代表独立的数据类型。DOM的出现结束了微软和Netscape公司各自浏览器的兼容问题。

     BOM（browser object model，浏览器对象模型）可以被用来控制浏览器以外的一些功能的实现，比如移动／缩放／关闭窗口、提供浏览器详细信息的Navigator对象、提供加载页面详细信息的Location对象、提供用户显示器信息的Screen对象、对cookies的支持等，由于在HTML5之前没有相对应的标准，导致在不同的浏览器上经常出现错误。

二、JavaScript在HTML中的使用

在HTML中实现JS文件就必须要使用到<script>标签，<script>标签有以下几个属性：

•     async 表示立即下载脚本，但是不立即执行，不影响页面中其他操作的进行，在执行时不再按照位置顺序执行加载的脚本文件；
•     charset 表示通过src属性指定的代码的字符集，由于多数浏览器不支持这个属性，应用不多；
•      defer  于async属性相类似，立即下载脚本文件，但等页面解析完毕后按照顺序执行脚本文件；
•      language 表示编写代码使用的脚本语言（已废弃）；
•      src 表示包含要执行代码的外部文件；
•      type 可以看作是language的代替属性，表示MIME类型，一般设置为”text/javascript”，虽然服务器传输JavaScript文件时一般是”application/x-javascript”，但在type中设置这个值可能会导致JS文件被忽略，故一般设置为”text/javascript”，如果未设置这个属性，默认值也为”text/javascript”。

     在使用<script>标签时一般有两种方法，一种是引用外部JS文件，另一种是嵌入JS代码。嵌入代码时要注意使用的顺序，一般会按照命令的位置顺序执行操作。为了不影响页面加载，可以将<script>标签放置在页面内容的后面，也可以在引入外部JS文件时设置async、defer属性，当然要注意浏览器是否支持这个属性。

     使用外部JS文件的好处：

1.      可以在不触及HTML标记的情况下编写JS代码，可维护性强；
2.      在多个页面都需要加载同个JS文件时可以提高加载速度，可以缓存；
3.      HTML和XHTML都可以加载使用同样的JS文件，不需更改文件内容，适应未来变化。

     <noscript>标签用于当浏览器不支持脚本时显示，如果浏览器支持脚本运行，则<noscript>标签中的内容将不被显示出来。

     IE5.5引入了文档模式的概念，有混杂模式和标准模式两种，区别就在于CSS内容的影响（尤其是在表格中使用图片），有时也会对JS的执行有影响