JavaScript动态网页开发案例指导
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.4 JavaScript使用

基本的JavaScript语言软件开发环境如下。

● Internet Explorer 5.0或以上版本。

● 一个简单的正文编辑器(如NotePad,WordPad或EMACS,甚至MSDOS的Edit)。

● 一个灵活的图像处理软件如PaintShop Pro或Photoshop。

为了浏览带有JavaScript的主页,只需要一个支持JavaScript的浏览器就可以了。但若是希望建立自己的主页,就可能用到上面列出的软件工具。另外,目前还没有所谓的JavaScript编辑器,几个流行的HTML编辑器(如HotDog Pro,HOTMetaL和WebEditor)没有一个支持JavaScript。在创作主页时,可以使用它们来创建初始的主页,然后使用一个普通的文本编辑器加入JavaScript代码。

将JavaScript脚本加入HTML网页有两种方法。

直接加入HTML文档,这是最常用的方法,大部分含有JavaScript的网页都采用这种方法,如:

          <script language="JavaScript">
              <!--
              document.writeln("这是JavaScript!采用直接插入的方法!");
              //-JavaScript结束-->
          </script>

在这个HTML代码段中,我们可看到一个新的标记<script></script>,而<script language="JavaScript">用来告诉浏览器这是用JavaScript编写的程序,需要调动相应的解释程序进行解释。HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的JavaScript源代码,这对不支持JavaScript语言的浏览器来说是很有用的。//-JavaScript结束:双斜杠表示JavaScript的注释部分,即从//开始到行尾的字符都被忽略。至于程序中所用到的document.Write()函数则表示将括号中的文字输出到窗口中去,这在后面将会详细介绍。另外一点需要注意的是,<script>…</script>的位置并不是固定的,可以包含在<head>…</head>或<body>…</body>中的任何地方。

引用方式,如果已经存在一个JavaScript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:

          <script src=url language="JavaScript"></script>

其中的Url就是程序文件的地址。同样地,这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个JavaScript源代码文件“Script.js”,其内容如下:

          document.writeln("这是JavaScript!采用直接插入的方法!");

在HTML网页中可以这样调用程序:

          <script src="Script.js" language="JavaScript"></script>