欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 >

导入js的三种方式

发布时间：2025/6/17 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 导入js的三种方式 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

文章目录

    • 1 行内导入方式（不推荐，不安全）
    • 2 内嵌式
    • 3 外链式
    • 4 注意点

1 行内导入方式（不推荐，不安全）

<body><span onclick="alert('第一种方式')">导入js的第一种方式，行内导入</span> </body>

2 内嵌式

<!DOCTYPE html> <html><head><meta charset="gbk"><title>index</title><script>alert('第二种方式');</script></head><body></body> </html>

3 外链式

如果把script元素放在head元素里，待浏览器经过下载、解析、执行完js文件之后，才会呈现页面内容。如果一个页面需要很多个js文件，那么浏览器可能会出现短暂的“白板”，用户体验不好。所以，我们应该把js文件放在</body>的前面，这样浏览器会先展现页面给用户。type属性可以不写

<script src="/xxx.js"></script>

4 注意点

内嵌导入和外链导入不能合并到一起

<script src="/xxx.js">alert('这个不会被执行'); </script>

总结

以上是生活随笔为你收集整理的导入js的三种方式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。