不再犹豫JS代码书写位置有三种：行内、内嵌、外部。
1、行内js
<!-- 1、行内js代码 直接写在元素内部-->
<input type="button" value="问候" onclick="alert('hello world!')">（1）适用于单行或者少量的js代码写在HTML标签的事件属性中（on开头）：例如：onclick
（2）注意单双引号使用，HTML推荐使用双引号，JS中推荐使用单引号
（3）写在行内可读性差，引号易错，引号多层嵌套易混乱，仅推荐在特殊情况下使用。
2、内嵌js
<!-- 2、内嵌的js代码 -->
<script>
alert('内嵌js！！');
</script>（1）可以将多行的js代码写在javascript标签中，是我们常用的
3、外部js
<!-- 3、外部js javascript 栓标签 -->
<script src="./js/test001js初体验.js"></script>（1）有利于HTML页面代码结构化，可以将大量的jd代码独立于HTML页面之外，既美观又可以实现文件的复用性。
（2）引用的外部js文件的javascript标签中不可以写代码的。
（3）适用于代码量比较大的情况下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js初体验</title>
<!-- 2、内嵌的js代码 -->
<!-- <script>
alert('内嵌js！！');
</script> -->
<!-- 3、外部js javascript 栓标签 -->
<!-- <script src="./js/test001js初体验.js"></script> -->
</head>
<body>
<!-- 1、行内js代码 直接写在元素内部-->
<!-- <input type="button" value="问候" onclick="alert('hello world!')"> -->
</body>
</html>
自己支持一下