JavaScript基础-HTML中使用JavaScript及其常用开发工具

一般，JavaScript作为HTML中的脚本语言，用于HTML中的动态交互的控制。以下，对JavaScript怎样引入到HTML中进行简介说明，并介绍开发JavaScript语言的几种常用工具。

1 在HTML中使用JavaScript

在HTML中使用JavaScript有两种方式：一种是在HTMT中，通过<script></script>标签在HTML中写JavaScript代码；另一种是通过<script></script>标签引用外部的js文件。

1.1 <script></script>标签简介

在HTML4.01中，为<script></script>标签定义了6个属性：

1. async：可选。表示加载外部引入的js时，将是异步加载。则当HTML加载时，将会立即下载该脚本，而不会阻塞HTML中的其它操作，如加载资源等。
2. charset：可选。表示通过src属性指定的js文档的字符集。
3. defer：可选。表示加载外部引入的js时，可以让js脚本加载时，延迟到HTML文档完全被解析和显示后再执行。
4. language：已废弃。原来用于表示HTML中使用的脚本语言，如:JavaScript、VBScript等。
5. src：可选。表示外部引入的js。
6. type：可选。表示编写脚本语言的内容类型(MIME类型)。如text/javascript、application/x-javascript等。

通过<script></script>标签，在HTML中编写JavaScript代码:

<script type="text/javascript">

      alert("Hello JavaScript");

</script>

HTML的解析是按从上到下解析的，所以，若想将<script></script>中的代码在某个标签处执行，即将该标签至于某个标签相应位置。

通过<script><script>向HTML中引入js。如：

<script type="text/javascript" src="sample.js"></script>

另外，可通过async、defer属性来控制HTML中引入js的执行顺序。

2 JavaScript开发工具

JavaScript没有专门的开发工具提供给开发人员。通过百度搜索，搜到了一些结果，希望以后能够有用:

1. 推荐给JavaScript开发人员的10个工具：http://www.csdn.net/article/2014-05-28/2819991-JavaScript 提供了一些js工具文件。
2. JavaScript Plus! 7.0:编辑工具。http://www.onlinedown.net/soft/4933.htm
3. 5个最好的javascript调试工具。http://jingyan.baidu.com/article/0f5fb099c744446d8334ea8b.html
4. 10款实用的Ajax/JavaScript编码工具推荐。http://www.csdn.net/article/2012-01-16/310802