第二章-在HTML中使用JavaScript

作者：System 时间：2024年08月21日分类：所有,html 字数：1101

在HTML中使用JavaScript的基本方法是在HTML文档中添加<script>标签，并在其中写入JavaScript代码。你可以将JavaScript代码直接放在<script>标签中，或者使用src属性来引用外部的JavaScript文件。

以下是一个简单的例子，展示了如何在HTML文档中嵌入JavaScript代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例页面</title>
    <script>
        // 直接写入JavaScript代码
        function showMessage() {
            alert('你好，世界!');
        }
    </script>
</head>
<body>
 
    <!-- 使用按钮触发JavaScript中的函数 -->
    <button onclick="showMessage()">点击我</button>
 
</body>
</html>

如果你有一个外部的JavaScript文件（例如script.js），你可以通过以下方式引入它：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例页面</title>
    <script src="script.js"></script> <!-- 引用外部JavaScript文件 -->
</head>
<body>
 
    <!-- 按钮事件可以调用外部JavaScript文件中定义的函数 -->
    <button onclick="externalFunction()">点击我</button>
 
</body>
</html>

在script.js文件中，你可以定义externalFunction等函数：




// script.js
function externalFunction() {
    alert('这是一个外部JavaScript函数!');
}

请确保你的HTML文件和JavaScript文件位于同一目录中，或者提供正确的路径来引用外部JavaScript文件。

第二章-在HTML中使用JavaScript

评论已关闭

推荐阅读