📜  JavaScript-在HTML文件中的放置(1)

📅  最后修改于: 2023-12-03 15:01:47.204000             🧑  作者: Mango

JavaScript-在HTML文件中的放置

JavaScript是一种广泛使用的脚本语言,其可以嵌入到HTML文件中,从而实现丰富的交互与动态页面效果。在本文中,我们将介绍如何在HTML文件中放置JavaScript代码。

1. 放置位置

在HTML文件中,可以将JavaScript代码放置在页面的或标签中。一般来说,放置在标签中的JavaScript代码主要用于定义全局变量、引入外部JavaScript文件等操作;放置在标签中的JavaScript代码主要用于处理当前页面的交互与动态效果等操作。

下面是一个示例HTML代码,其中标签中引入了外部的JavaScript文件,标签中定义了一个JavaScript函数,并在

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Demo</title>
    <script src="script.js"></script>
</head>
<body>
    <h1>Hello World!</h1>

    <button onclick="demo()">点击我</button>

    <script>
        function demo() {
            alert('Hello World!');
        }
    </script>
</body>
</html>
2. 外部文件

除了在HTML文件中直接放置JavaScript代码外,还可以将JavaScript代码放置在外部文件中,并通过