在HTML5中引入js文件有两种方式如下:
新建一个html5文件,输入以下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 内部js-->
    <script type="text/javascript">
        //编写js代码
        alert("我是菜鸡儿");
    </script>
    <!-- 外部js,引用js目录下的index.js文件-->
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>

</body>
</html>

新建一个js文件夹,然后新建一个index.js文件,输入代码如下:

//编写js文件
alert('我是码农菜鸡儿');

显示结果如下:
在这里插入图片描述
点击确定后,显示如下:
在这里插入图片描述
可见,html文件是按照从上到下运行的。
其次,说一下,内部js的使用一般用来写自己的一个小小的demo就好了。
现实中,还是要多多地用外部js。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐