首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 开源 FAQ 第二书店 博文视点 程序员
频道: 研发 数据库 中间件 信息化 视频 .NET Java 游戏 移动 服务: 人才 外包 培训
    图书品种:235680
       
热门搜索: ASP.NET Ajax Spring Hibernate Java

创建简单的脚本

本章主要内容包括:

Ø 创建和测试脚本的软件工具

Ø 开始和结束脚本

Ø 格式化JavaScript语句

Ø JavaScript脚本如何显示结果

Ø 在Web文档中包含脚本

Ø 使用浏览器测试脚本

Ø 修改脚本

Ø 处理脚本中的错误

Ø 在单独的文件中使用脚本

通过第1章的学习,你已经知道JavaScript是一种适用于网页的脚本编写语言。JavaScript命令可以直接插入到HTML文档中,这些脚本将在浏览器浏览页面时执行。

在本章中,我们将创建一个简单的脚本、编辑它以及在Web浏览器中测试它。在此过程中,你将学习到创建和使用脚本所涉及的一些基本任务。

2.1  脚本编写的工具

与很多编程语言不同,创建JavaScript脚本不需要特别的软件。实际上,你已经拥有了这些软件。

2.1.1  文本编辑器

处理JavaScript的第一个工具是文本编辑器。JavaScript脚本被保存为简单的文本文件,通常是HTML文档的一部分。所有能够保存ASCII文本文件的编辑器都可以用来处理JavaScript脚本。

这类编辑器的范围很广,从简单的文本编辑器到字处理器。如果还没有找到特别满意的编辑器,你的计算机内就包含了这类简单的编辑器。对于Windows计算机,“记事本”就非常适合编辑JavaScript脚本。

警告:如果使用字处理器创建JavaScript程序,必须将它保存为ASCII文本,而不是保存为字处理文档。否则,浏览器不能识别该脚本程序。

有很多专用HTML编辑器可用于处理JavaScript。实际上,很多编辑器提供了一些JavaScript专有的功能—例如,使用不同的颜色来显示JavaScript不同功能的语句或者有些编辑器还提供了自动创建脚本的功能。

在Windows计算机上,推荐使用下列编辑工具。

Ø    HomeSite—一种出色的HTML编辑器,它支持JavaScript。HomeSite是Adobe Dreamweaver软件的一部分,也可以单独使用。

Ø    Microsoft FrontPage 2003—微软公司提供的可视化HTML编辑器。Script Builder组件使得用户可以非常方便地创建简单的脚本。

Ø    TextPad—一种功能非常强大的文本编辑器,它包含了“记事本”中所没有的很多有用功能。图2.1是在TextPad中显示JavaScript文档的画面。

图2.1

打开JavaScript文档的TextPad文本编辑器

下列编辑器可以同时在Windows和Macintosh中使用:

Ø    Adobe Dreamweaver—一种可视化编辑器,可以处理HTML、JavaScript和Macromedia的Flash插件。

Ø    Adobe Golive—另一种可视化HTML编辑器,提供了设计和组织大型站点结构的功能。

此外,在Macintosh中,BBEdit、TextWrangler和Alpha都是很好的HTML编辑器,它们都可以用来创建网页和脚本。

注意:附录B提供了下载上述及其他一些HTML和JavaScript编辑器的网址。

2.1.2  浏览器

处理JavaScript还需要另外两件工具:Web浏览器和运行浏览器的计算机。由于本书覆盖了JavaScript 1.5所引入的一些新功能和最新的W3C的DOM,所以推荐读者使用最新版本的Mozilla Firefox或Microsoft Internet Explorer。读者可以去Mozilla公司(http://www.mozilla.com)或微软公司(www.microsoft.com)的网站下载浏览器。

至少应该有Firefox 1.0版、Netscape 7.0版或者Internet Explorer 6.0或以上版本。虽然Netscape 4.x版和Internet Explorer 4可以运行本书大部分脚本,但它们不支持许多新特性。

读者可以按照自己的喜好选择任何的浏览器,但对于开发JavaScript人员来说,应该准备两个以上的浏览器,至少有Firefox和Internet Explorer。这样就可以实现访问者通常使用的浏览器上的脚本测试。

注意:如果打算使脚本在互联网上具有通用性,还需要一个Web服务器,或者可以访问到一个Web服务器。当然,在你的电脑硬盘上可以直接运行本书中大部分JavaScript的例子。

查看所有评论(0)条】

最近评论



正在载入评论列表...
热点评论