在HTML中引入JavaScript主要有两种方法，这两种方法都需要使用到<script>标签。这个标签最早由Netscape Navigator创造，不过早已成为了HTML正式规范。
![图片[1]-html怎么引入javascript？-五七网](https://www.wuqiz.com/Total-picture/2021/04/686155af75a6-300x120.jpg)
在页面中嵌入JavaScript代码
<html>
<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>JavaScript的引入</title>
</head>
<body>
<script>
var a=1;
alert(a);
</script>
</body>
</html>引入外部文件
可以通过<script>标签的src属性引入外部js文件。
虽然<script>标签还有这许多其他属性，但是这些属性都不常用，或者都有着默认值，而这些默认值通常都无需更改，所以src属性可能是你唯一需要了解的属性。
<html>
<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>JavaScript的引入</title>
</head>
<body>
<!-- 引入本地文件 -->
<script src="./script.js"></script>
<!-- 引入外部域的文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
</html><script>标签的位置
<script>标签不仅可以在<body>中也可以出现在<head>中：
<html>
<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>JavaScript的引入</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>
</html><script>标签出现在哪并无规定，但是你要记住，页面渲染的时候时按照<script>标签出现的顺序执行的，也就是说如果<script>标签如果出现在<body>的前面，那么浏览器只有当将所有的<script>便签下载并执行完毕才会渲染<body>元素中的文档内容。
以上就是html怎么引入javascript？的详细内容，更多请关注五七中文网其它相关文章！
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
喜欢就支持以下吧
