4.2 JavaScript使用_Web前端开发技术-QQ阅读男生历史网

上QQ阅读APP看书，第一时间看更新

4.2 JavaScript使用

HTML中的脚本必须位于<script>与</script>标签之间。程序员可以在HTML文档中放入不限数量的脚本。脚本可位于HTML的<body>或者<head>部分中，或者同时存在于两个部分中。通常的做法是把函数放入<head>部分中，或者放在页面底部。这样就可以把它们安置到同一处，不会干扰页面的内容。

4.2.1 <script>标签

如果需要在HTML页面中插入JavaScript，应使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。<script>和</script>之间的代码行包含了JavaScript：

目前，<script>标签中无需使用type="text/javascript"，JavaScript是所有现代浏览器以及HTML5中的默认脚本语言。

4.2.2 JavaScript函数和事件

上面例子中的JavaScript语句，会在页面加载时执行。通常，当需要在某个事件发生时执行代码，例如当用户点击按钮时，如果把JavaScript代码放入函数中，就可以在事件发生时调用该函数。在稍后的章节将学到更多有关JavaScript函数和事件的知识。

下面的例子中，把一个JavaScript函数放置到页面的<head>部分，该函数会在点击按钮时被调用。

例4-1：

下面的例子中，把一个JavaScript函数放置到页面的<body>部分。该函数会在点击按钮时被调用。

例4-2：

把JavaScript放到页面代码的底部，可以确保在<p>元素创建之后再执行脚本。

4.2.3 外部的JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部JavaScript文件的文件扩展名是.js。如果需要使用外部文件，应在<script>标签的src属性中设置该.js文件。

例4-3：

在<head>或者<body>中引用脚本文件都是可以的。实际运行效果与在<script>标签中编写脚本完全一致。外部脚本不能包含<script>标签。