行内式
内嵌式
外链式
一、行内式
直接把代码书写到标签身上
1.1、写到a标签身上
<a href="javascript:alert('hello word');">点我一下</a>
image.png
1.2、写到非a标签身上
<div onclick="alert('hello word')">点我一下</div>
image.png
二、内嵌式
内嵌式 JS 代码，不需要依赖任何行为，打开页面就会执行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JS的书写位置</title>
</head>
<body>
<script>
alert("hello word");
</script>
</body>
</html>
三、外链式
把代码书写到一个.js文件内，通过script标签引入
image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JS的书写位置</title>
</head>
<body>
<script src="./test.js"></script>
</body>
</html>
不建议写
行内式--会使html臃肿--建议外链式
网友评论