html标签中中怎么加js代码

宋圣斌 3周前 5浏览 0评论

在 HTML 中加入 JavaScript 代码有两种常见的方式：内联和外部引入

内联方式：

    <button onclick="alert('Hello World!')">点击我</button>

在这个例子中，我们使用了内联的 onclick 事件，在点击按钮时触发 alert() 函数。由于 JavaScript 代码非常简单，直接写在 HTML 标签中也比较方便。

外部引入方式：

    <!DOCTYPE html>
    <html>
    <head>
        <title>外部引入 JavaScript</title>
        <script src="example.js"></script>
    </head>
    <body>
        <button onclick="sayHello()">点击我</button>
    </body>
    </html>

在这个例子中，我们将 JavaScript 代码放在另一个文件 example.js 中，并在 HTML 的 head 标签中用 <script> 标签引入。在 HTML 的按钮中，我们通过 onclick 事件调用了 example.js 中定义的函数 sayHello()。

无论是哪种方式，我们都应该注意 HTML 和 JavaScript 代码的分离，以提高代码的可读性和维护性。

上一篇 html标签中加背景的代码

下一篇 html标签代码优化

网站导航

网站导航

最近发表

文章归档

html标签中中怎么加js代码