在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？的详细内容，更多请关注五七中文网其它相关文章！
© 版权声明
本站网络名称：
五七网络
本站永久网址：
https://www.wuqiz.com
网站侵权说明：
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系七叔删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
THE END
暂无评论内容