【转】在HTML中使用Javascript-优快云博客

本文详细介绍了在HTML页面中使用Javascript的两种方式：嵌入式的Javascript代码和引用独立的js文件。通过示例展示了如何在head和body中放置脚本标签，并提供了将Javascript代码存放在单独文件中的方法。此外，文章还提供了一个示例下载，帮助初学者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：http://www.qeefee.com/js/use-javascript-in-html

更多Javascript教程，欢迎访问起飞网>>Javascript教程

正文：

在HTML页面中使用Javascript有两种方式：

嵌入的Javascript代码

这种方式是直接将Javascript代码写在HTML中，相应的用法是：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>在HTML中使用Javascript - 起飞网 - Javascript测试页面</title>
    <script type="text/javascript">
        alert("欢迎使用Javascript - 起飞网");
    </script>
</head>
<body>

</body>
</html>

在上面的代码中，我们包含Javascript代码的script标签放在和head中，当我们运行页面的时候，就会弹出一个对话框，如下图：

除了可以放在head中，javascript代码还可以放在body：

<body>
    <h1>在HTML中使用Javascript - 起飞网</h1>
    <script type="text/javascript">
        //嵌入在body中的Javascrip代码
        alert("这是在body中的Javascript - 起飞网");
    </script>
</body>

我们在body中加入一个script标签，并让它弹出一个对话框，当浏览器加载到这段代码后会将其解释执行，效果如下图：