1.JS的书写位置
- 和CSS一样JS也分为行内JS,内部JS 和外部JS
- 一般的话JS其实写在HTML的哪里都可以,但是一般开发者都写在body里面这个是内部js的代码,注意!!如果js要操作HTML里面的元素那就必须把js的标签写在HTML标签的后面这样js才能获取,通常把JS代码放在HTML的文件底部是一个比较好的策略
- 外部调用JS就是把JS代码写在一个.js的文件里面然后通过配置路径的方式在HTML里面的标签属性src直接引用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试外联调用js文件</title>
</head>
<body>
<!-- 注意./的意思是当前HTML的目录 外部引用的script标签里面不要写内容,其实就是你写也会呗忽略掉 -->
<script src="./外部JS.js"></script>
</body>
</html>
上面那段代码就是外部的js,打开这个HTML画面
- 内部书写js
直接上代码吧没啥好说的就是在HTML标签的属性里面直接写js的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="alert('我是直接在HTML标签里面写的内部js')">按钮</button>
</body>
</html>