创建简单的脚本
本章主要内容包括:
Ø 创建和测试脚本的软件工具
Ø 开始和结束脚本
Ø 格式化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的例子。 |
|








