JavaScript的三种写法
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!--1.外联，通常是做head中引入外部js-->
<script src="路径/01-js外联写法.js"></script>
<!--2.内联，可以在需要位置书写，但是通常是做head中或者body的最后-->
<script>
alert('js内联')
</script>
</head>
<body>
<!--3.行内，在具体需要效果的html元素内部-->
<div onclick="alert('js行内')">div</div>
<!--
总结：js三种写法
1.外联写法：写在js中，使用script标签的src属性来导入
2.内联写法:写在script标签中
3.行内写法：不推荐，因为不便于维护
注意事项：
1.如果一个script标签有src属性（外联写法），此时内联的js代码不会执行
是js文件所在的路径，相对于当前html文件的路径，如js/01-js外联写法.js
3.外联路径不一定是自己服务器上的相对路径，可以是外部服务器提供：如src="/ajax/libs/jquery/3.5.0/"
4.外联写法、内联写法、行内写法，互不干扰，可以在一个html中使用多次（不同的内容）
-->
</body>
</html>