JavaScript动态网页开发详解
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

1.3 JavaScript编程起步

在Web应用程序开发领域，JavaScript脚本已成为一门炙手可热的语言，为客户端脚本的首选。网络上充斥着形态各异的JavaScript脚本并实现不同的功能，但用户也许并不了解JavaScript脚本是如何被浏览器解释执行的，更不知如何开始编写自己的JavaScript脚本来实现自己想要实现的效果。本节将带领读者踏入JavaScript脚本语言编程的大门。

1.3.1 “Hello World！”程序

像学习C、Java等其他语言一样，先来看看使用JavaScript脚本语言编写的“Hello World!”程序，其代码如下所示：

        //源程序1.1
        <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html140/strict.dtd">
        <html>
        <head>
        <meta http-equiv=content-type content="text/html; charset=gb2312">
        <title>Sample Page!</title>
        </head>
        <body>
        <center>
        <script language="javascript 1.2" type="text/javascript">
            document.write("Hello World!");
        </script>
        </center>
        </body>
        </html>

将上述代码保存为.html（或.htm）文件并双击打开，系统调用默认浏览器解释执行，结果如图1.6所示。

图1.6 JavaScript编写的“Hello World！”程序

JavaScript脚本编程一般分为如下步骤：

· 选择JavaScript语言编辑器编辑脚本代码；

· 嵌入该JavaScript脚本代码到HTML文档中；

· 选择支持JavaScript的浏览器浏览该HTML文档；

· 如果错误则检查并修改源代码，重新浏览，此过程重复直至代码正确为止；

· 处理不支持JavaScript脚本的情况。

由于JavaScript脚本代码是嵌入到HTML文档中被浏览器解释执行的，故开发JavaScript脚本代码并不需要特殊的编程环境，只需普通的文本编辑器和支持JavaScript脚本的浏览器即可。那么如何选择JavaScript脚本编辑器呢？

1.3.2 选择JavaScript脚本编辑器

编写JavaScript脚本代码可以选择普通的文本编辑器，如NotePad、UltraEdit等，只要所选的编辑器能将所编辑的代码最终保存为HTML文档类型（.htm、.html等）即可。

虽然Dreamweaver、Microsoft FrontPage等专业网页开发工具套件内部集成了JavaScript脚本的开发环境，但笔者依然建议JavaScript脚本程序开发者在起步阶段使用最基本的文本编辑器如NotePad、UltraEdit等进行开发，以便把注意力放在JavaScript脚本语言而不是开发环境上。

同时，如果脚本代码出现错误，可用该编辑器打开源文件（.htm、.html或.js）修改后保存，并重新使用浏览器浏览，重复此过程直到没有错误出现为止。

注意：.js为JavaScript纯脚本代码文件的保存格式，该格式在通过<script>标记的src属性引入JavaScript脚本代码的方式中使用，用于嵌入外部脚本文件*.js。

上一章目录下一章