1.3.1 编写JavaScript

【例1-4】 下面应用Dreamweaver编辑器编写第1个JavaScript程序（实例位置：光盘\MR\源码\第1章\1-4）。

（1）启动Dreamweaver编辑器，单击“文件”/“新建”命令，打开“新建文档”对话框，选择“常规”选项卡中的“基本页”/“JavaScript”选项，然后，单击“创建”按钮，即可成功创建一个JavaScript文件。

（2）JavaScript的程序代码必须置身于<script language="javascript"></script>之间。在<body>标记中输入如下代码：

　<script language="javascript"> 
　alert("我要学JavaScript！"); 
　</script>

在Dreamweaver中输入JavaScript脚本程序的运行结果如图1-18所示。

0

图1-18　在Dreamweaver中输入JavaScript脚本程序

JavaScript脚本在HTML文件中的位置有3种。

□ 在HTML的<body>标记中的任何位置。如果所编写的JavaScript程序用于输出网页的内容，应该将JavaScript程序置于HTML文件中需要显示该内容的位置。

□ 在HTML的<head>标记中。如果所编写的JavaScript程序需要在某一个HTML文件中多次使用，那么，就应该编写JavaScript函数（function），并将函数置身于该HTML的<head>标记中。

　<script language="javascript"> 
　function check(){ 
　   alert("我被调用了"); 
　} 
　</script>

使用时直接调用该函数名就可以了。

　<input type="submit" value="提交" onClick="check()">

单击“提交”按钮，调用check（）函数。

在一个js的单独的文件中，如果所编写的JavaScript程序需要在多个HTML文件中使用，或者，所编写的JavaScript程序内容很长，这时，就应该将这段JavaScript程序置于单独的js文件中，然后在所需要的HTML文件“a.html”中，通过<script>标记包含该js文件。例如：

　<script src="ch1-1.js"></script>

被包含的ch1-1.js文件代码如下。

　document.write('这是外部文件中JavaScript代码!');

注意

在外部的JavaScript程序文件“ch1-1.js”中不必使用<script>标记。

（3）虽然大多数浏览器都支持JavaScript，但少部分浏览器不支持JavaScript，还有些支持JavaScript的浏览器为了安全问题关闭了对JavaScript的支持。如果遇到不支持JavaScript脚本的浏览器，网页会达不到预期效果或出现错误。解决这个问题可以使用以下两种方法。

□ HTML注释符号

HTML注释符号是以<！--开始以-->结束的。但是JavaScript不能识别HTML注释的结果部分“-->”，例如在“-->”前面使用“//”一样。如果在此注释符号内编写JavaScript脚本，对于不支持JavaScript的浏览器，将会把编写的JavaScript脚本作为注释处理。

□ <noscript>标记

如果当前浏览器支持JavaScript脚本，那么该浏览器将会忽略<noscript>…</noscript>标记之间的任何内容。如果浏览器不支持JavaScript脚本，那么浏览器将会把这两个标记之间的内容显示出来。通过此标记可以提醒浏览者当前使用的浏览器是否支持JavaScript脚本。

（4）JavaScript脚本语言区分字母大小写。

（5）在创建好JavaScript程序后，选择“文件”/“保存”命令，在弹出的“另存为”对话框中输入文件名，将其保存为.html格式或.htm格式，如图1-19所示。

（6）保存完.html格式后文件图标将会变成一个IE浏览器的图标0。

0

图1-19　“另存为”对话框

上一章目录下一章