在HTML中引入JavaScript主要有两种方法,这两种方法都需要使用到<script>标签。这个标签最早由Netscape Navigator创造,不过早已成为了HTML正式规范。
在页面中嵌入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
抖音视频怎么去掉抖音的水印(抖音解析去水印)-五七网1个月前0
[…] 苹果ios系统下载视频参考此教程:iOS如何下载视频 […]小七 3个月前0
不错哦