html中添加js的三种方式
程序员文章站
2022-05-07 19:34:10
...
- 行内方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="alert('行内方式')">单击</button><!-- 注意括起行内方式的是单引号 -->
</body>
</html>
- 内嵌方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
alert("内嵌方式");
</script>
</head>
<body>
<button onclick="alert('行内方式')">单击</button>
</body>
</html>
页面加载时就会执行内嵌的代码。
- 外部文件方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="test.js">
</script><!-- 此处test.js与该html文件在同一目录下 -->
<script>
alert("内嵌方式");
</script>
</head>
<body>
<button onclick="alert('行内方式')">单击</button>
</body>
</html>
test.js
alert("外部文件方式");
上一篇： web前端之css初识
下一篇： 【前端学习-循环语句】js基础学习笔记