html怎么引入javascript?

在HTML中引入JavaScript主要有两种方法,这两种方法都需要使用到<script>标签。这个标签最早由Netscape Navigator创造,不过早已成为了HTML正式规范。

图片[1]-html怎么引入javascript?-五七网

在页面中嵌入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
分享