js基础---书写位置

js基础—书写位置

内部

直接写在html文件里面，用script标签包住

规范：script 标签写在上面
代码演示

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>Hello, World!</h1><!-- 内部js --><script>alert("Hello, World!");</script>
</body>
</html>

我们将script标签放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载HTML。如果先加载的JavaScript期望修改其下方的HTML，那么它可能由于HTML尚未被加载而失效。因此，将JavaScript代码放在HTML页面的底部附近通常是最好的策略。

外部

代码写在以.js结尾的文件里
语法 :
通过script标签，引入到html页面中。
代码演示

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h1>Hello World</h1></script><!-- 外部js --><script src="./外部.js"></script>
</body></html>

1.script标签中间无需写代码，否则会被忽略！
2.外部avaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更加易读，因此这是个好的习惯。

内联

代码写在标签内部,这种方式并不怎么常用，但是在vue框架中会经常用到这种欧式

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button onclick="alert('逗你玩~~~')">点击我美梦成真</button></body>
</html>```