JavaScript 的脚本包括在 HTML 中,它成为 HTML 文档的一部分。与 HTML 标识相结合,构成动态
的、能够交互的网页。
JavaScript 代码应该放在 Web 页的什么位置呢?
方式一:在 HTML 页面中直接写入 JavaScript
(1)HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
- JavaScript代码
- JavaScript函数
<Script Language ="JavaScript">
//JavaScript 语言代码;
//JavaScript 语言代码;
//…
</Script>
注释:
◆ 通过标识<Script> </Script>指明其中包含的是 Script 脚本代码;
◆ 通过 Language ="JavaScript"说明标识中使用的语言,这里是 JavaScript 语言(可以不写);
注:
◆ 可将<Script></Script>标识放入<Head>...</Head>或<Body>...</Body>之间。将 JavaScript 标识放置
<Head>...</Head>在头部之间,使之在页面文档主体和其余部分代码之前装载。尤其是一些函数的代码,
建议读者将这些代码放在<Head>... </Head>在头部之间。
◆ 也可以将 JavaScript 标识放置在<Body>... </Body>主体之间以实现某些部分动态地创建文档。
方式二:在 HTML 标签所定义的对象当中,直接写某些事件的非常简短代
码
注:如果这些事件的代码较为复杂的话,建议在<head></head>的<Script>..</Script>中间编写成一个函数,在按钮的标签中通过
οnclick=javascript:函数名称()来调用。
JavaScript 函数的写法是在<Script></Script>之间编写
function 函数名称(){
//具体的处理过程
}
方式三:使用库函数(引用外部 JavaScript 文件)
引用方法:<script src="指定的 Js 文件位置"></script>
库文件(外部脚本不能包含 <script> 标签。):
要实现库(JavaScript 文件),需要以.js 作为文件扩展名的文件来保存
在程序员眼中,库就是一堆函数,有时是免费使
用,有时候需要购买,当然也可以自己编写)。我们可以引用或在自己的代码中调用这些库函数。
注:你可以将脚本放置于 <head> 或者 <body>中,放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
把一些 JavaScript 代码(尤其是用户自己编写的对象的类文件)组织成可以反复使用的库,具有下列好
处:
◆ 减少错误,减少 Web 页面的内容。 JavaScript 库经过严格测试后,可以放心的反复调用,相对于通过拷贝
和粘贴把 JavaScript 函数插入到每个想要调用它的 HTML 文件而言。同时也使 HTML 文件看起来清楚易
读。
◆ 减少网络流量,提高响应速度。当一个 JavaScript 库的第一次下载到内存,无论多少页引用该库,浏览器
都能访问它。不需要再次下载。
注意事项:
(1)
◆ Web 内容在浏览器中是从上到下的顺序解释的。放在 HTML 的<head></head>之间脚本比插入Web 的<body></body>的脚本先处理。比较好的做法是将包含所有预定义函数的脚本放在 Web 的<head></head>之间。这样,浏览器在前面遇到这些函数,确保 Web 的<body></body>中的语句能够识别这些函数。同样的道理,在一些网页下载到浏览器中,就会执行的脚本(比如 Web 页的 onload 事件关联的脚本代码),如果这些脚本要访问 HTML 标签所定义的对象,那么要确保这些对象先于脚本执行,否则会出现“对象不存在”的错误。建议设置 IE 的浏览器的高级属性中启用脚本调试,可以发现错误存在的地方。
◆ 应用外部脚本库<script language="JavaScript" src="menu_data.js"></script>,浏览器会在该 HTML 文件所在的目录下查找 menu_data.js 文件,如果把 js 文件存放在别的目录中,则
RSC 属性值必须反映出那个目录,也就是必须确保该 HTML 文件能够找到 js 文件。
(2)
JavaScript 语句的写法是区分大小写的,比如函数 submitCreate()和SubmitCreate()并不一样。在 JavaScript 程序语句的 IF 语句应该为小写 if,如果不小心写为 If 是错误
的。初学 JavaScript,要注意防止发生这种错误 。