在HTML中编写JavaScript可以通过两种方式进行。
-
内联脚本(Inline Script):直接将JavaScript代码放置在
<script>
标签之间的HTML文件中。示例如下所示:
-
外部脚本(External Script):创建一个单独的
.js
文件来存储JavaScript代码,并在HTML文件中引入该外部脚本。示例如下所示:首先,创建一个名为
myscript.js
的新文件,其中包含要运行的JavaScript代码:
<!DOCTYPE html>
<html>
<head>
<title>使用内联脚本</title>
</head>
<body>
<!-- HTML元素 -->
<script type="text/javascript">
// JavaScript代码
function myFunction() {
alert("Hello World!");
}
</script>
</body>
</html>
// myscript.js
function myFunction() {
alert("Hello World!");
}
然后,在HTML文件中添加对外部脚本的引用:
<!DOCTYPE html>
<html>
<head>
<title>使用外部脚本</title>
<script src="myscript.js"></script>
</head>
<body>
<!-- HTML元素 -->
<button onclick="myFunction()">点击我</button>
</body>
</html>
这样,当页面被加载时,会自动从指定路径加载并执行 myscript.js
文件中的JavaScript代码。