JavaScript教程：如何在HTML页面中使用<script>标签

需积分: 9 64 浏览量更新于2024-09-12 收藏 63KB DOC 举报

JavaScript 教程 JavaScript 是一种广泛使用的脚本语言，主要用于在网页中添加交互性和动态效果。本教程将从基础开始，详细讲解 JavaScript 的使用方法和实践技巧。 **JavaScript 的基本概念** JavaScript 是一种基于对象的脚本语言，它主要用于在网页中添加交互性和动态效果。JavaScript 可以与 HTML 和 CSS 结合使用，以创建更加丰富和交互的网页应用程序。 **在 HTML 中使用 JavaScript** 要在 HTML 中使用 JavaScript，需要使用 `<script>` 标签。该标签用于指定 JavaScript 代码的开始和结束位置。例如： ```html <html> <body> <script type="text/javascript"> document.write("Hello World!"); </script> </body> </html> ``` 在上面的示例中，我们使用 `<script>` 标签将 JavaScript 代码嵌入到 HTML 文档中。`type` 属性指定了脚本语言为 JavaScript。 **document.write() 方法** `document.write()` 方法是一个基本的 JavaScript 命令，用于向网页上写入输出。在上面的示例中，我们使用 `document.write()` 方法将字符串 "Hello World!" 写入到网页上。 **与老的浏览器打交道** 在早期的浏览器中，不支持 JavaScript 的浏览器会将脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用 HTML 注释标签来隐藏 JavaScript 代码。例如： ```html <html> <body> <script type="text/javascript">  </script> </body> </html> ``` 在上面的示例中，我们使用 HTML 注释标签来隐藏 JavaScript 代码，以便在不支持 JavaScript 的浏览器中不会将代码作为页面的内容来显示。 **JavaScript 的应用** JavaScript 广泛应用于网页开发中，例如： * 创建交互式网页应用程序 * 实现动态效果和动画 * 处理用户输入和表单验证 * 实现 Ajax 和 JSON 数据交换等等。 **结语** JavaScript 是一种强大且灵活的脚本语言，广泛应用于网页开发中。本教程仅仅是 JavaScript 的基础知识，希望通过本教程，您可以更好地理解和掌握 JavaScript 的使用方法和实践技巧。

<!--

document.write("Hello World!");

//-->

</script>

</body>

</html>

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

2、把 JavaScript 放置到何处

当页面载入时，会执行位于 body 部分的 JavaScript。

当被调用时，位于 head 部分的 JavaScript 才会被执行。

实例

head 部分

包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入

了。

body 部分

执行位于 body 部分的脚本。

外部 JavaScript

如何访问外部脚本。

在哪里放置 JavaScript

页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行

脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。

位于 head 部分的脚本：

当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保

在需要使用脚本之前，它已经被载入了。

<html>

<head>

剩余10页未读，继续阅读

Escene2021

粉丝: 71
资源: 48

JavaScript教程：如何在HTML页面中使用<script>标签

JavaScript_教程PDF

JAVASCRIPT语言教程.rar_javascript_javascript 教程_script

SuperMap iClient for JavaScript开发教程_javascript_SuperMap开发教程_supe

javascript_js教程

ArcGIS_API_for_Javascript_开发教程

web基础_Javascript_and_CSS教程

jiaoben4027.rar_JavaScript__JavaScript_

源代码.zip_JavaScript__JavaScript_

javascript_playground:Javascript Playground教程

高性能JavaScript_编程_javascript_js_

最新资源