JavaScript基础-HTML中使用JavaScript及其常用开发工具
2015-04-13 22:06
579 查看
一般,JavaScript作为HTML中的脚本语言,用于HTML中的动态交互的控制。以下,对JavaScript怎样引入到HTML中进行简介说明,并介绍开发JavaScript语言的几种常用工具。
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的执行顺序。
推荐给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
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
相关文章推荐
- Android SDK开发常用工具的使用及其异常处理
- (基础)html中使用javascript
- JavaScript 开发工具webstrom使用指南
- JavaScript基础——在HTML中使用JavaScript
- Linux下RootKits检查常用工具及其使用
- 学习记录--使用 F12 开发人员工具调试 HTML 和 CSS
- 前端开发中常用的几种图片格式及其使用规范
- html中使用JavaScript动态添加按钮及其响应函数
- Android混合开发之Activity类与html页面之间的相互跳转之Android:如何使用addJavaScriptInterface
- 使用 HTML 和 JavaScript 开发 Universal Windows Apps笔记一
- 一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍
- 常用java开发使用到的工具以及下载地址 - Java开发软件列表
- 前端【学习心得】HTML基础 | 第一周【前端工程师养成计划】DW开发工具
- Web前端开发工具(html+css基础)
- 01. Shell基础和使用技巧(工具+常用bash命令加速操作)
- 20160109 Node.js 常用开发工具的使用
- 在eclipse开发工具中使用JUnit4进行单元测试详解(四)常用元数据
- JavaScript 开发工具webstrom使用指南
- JavaScript 开发工具webstrom使用指南
- IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)