您的位置:首页 > Web前端 > JavaScript

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

2015-04-13 22:06 579 查看
一般,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个属性:

async:可选。表示加载外部引入的js时,将是异步加载。则当HTML加载时,将会立即下载该脚本,而不会阻塞HTML中的其它操作,如加载资源等。
charset:可选。表示通过src属性指定的js文档的字符集。
defer:可选。表示加载外部引入的js时,可以让js脚本加载时,延迟到HTML文档完全被解析和显示后再执行。
language:已废弃。原来用于表示HTML中使用的脚本语言,如:JavaScript、VBScript等。
src:可选。表示外部引入的js。
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没有专门的开发工具提供给开发人员。通过百度搜索,搜到了一些结果,希望以后能够有用:

推荐给JavaScript开发人员的10个工具:http://www.csdn.net/article/2014-05-28/2819991-JavaScript 提供了一些js工具文件。
JavaScript Plus! 7.0:编辑工具。http://www.onlinedown.net/soft/4933.htm
5个最好的javascript调试工具。http://jingyan.baidu.com/article/0f5fb099c744446d8334ea8b.html
10款实用的Ajax/JavaScript编码工具推荐。http://www.csdn.net/article/2012-01-16/310802
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript