ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

HTML使用JavaScript的三种方式

2026/9/27 9:46:34 拓冰建站 浏览量
HTML使用JavaScript的三种方式

要使用 JavaScript,你可以在 HTML 文件中的 <script> 标签中编写代码,或者将代码保存到一个单独的 .js 文件中并在 HTML 文件中引入。以下是一些常用的 JavaScript 使用方式:

  1. 内联 JavaScript:在 HTML 文件的 <script> 标签中编写 JavaScript 代码。
<html lang="en">
<head><script type="text/javascript">alert('内部');</script>
</head>
</html>
  1. 外部 JavaScript 文件:将 JavaScript 代码保存到一个 .js 文件中,并在 HTML 文件中通过 <script> 标签引入。
<html>
<head><script src="script.js"></script>
</head>
</html>

在 script.js 文件中编写 JavaScript 代码。

3.行内:HTML 元素添加事件处理程序,例如点击事件等,触发js代码。

<html lang="en">
<body><input type="button" value="按钮" onclick="document.writeln('行内')">
</body>
</html>

总示例:
在这里插入图片描述
因为行内使用的是一个按钮加了点击事件需要点击,点击后会显示行内所设置的js代码。

行内被点击的示例:
在这里插入图片描述

这只是 JavaScript 使用的一些基本方式,还有很多其他用法和技术可以学习和探索。