目录
JS 书写方式
行内JS
页面JS
外部JS
JS 书写方式
在 JS 中也有三种书写方式：
行内JS
页面JS
外部JS
行内JS
我们在 HTML 标签上使用 JS 代码的方式就叫行内 JS，它一般是用于触发某种操作，例如点击事件。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>行为 JS</title>
</head>
<body>
<button οnclick="console.log('hello')">点击我</button>
</body>
</html>
页面JS
页面JS就是我们前面的第一个简单入门的代，它需要在页面中通过 script 标签来进行书写。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>页面JS</title><script>console.log('这是页面JS，它需要写在 script 标签中。表示它是脚本，浏览器解析它时就会按钮脚本的语法进行解析。')</script>
</head>
<body>
</body>
</html>
对于页面JS，我们可以书写在 head 标签内，也可以写在 body 标签内，那么，我们以后在工作中，到底是写在那里好？
推荐书写在 </body> 标签之前。
外部JS
外部的 JS 书写方式是：先创建一个目录来存放 js 代码，然后创建一个文件，这个文件的后缀必须是 .js，然后在这个文件中书写 JS 相关的代码。注意：在这个文件中不要加 script 标签了。
1）创建外部JS文件
console.log('这是外部的JS，我们需要单独的编写一个后缀为 .js 的文件，在这个文件中来编写 JS 代码。')2）编写页面
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>外部JS</title> </head> <body> <script src="js/demo1.js"></script> </body> </html>
在这个页面中，通过 script 标签中的 src 属性来指定外部的 JS 所在的路径。
)
