JavaScript外部调用Js（自己理解加参考百度）

最新推荐文章于 2024-09-18 21:51:14 发布

codingCoge

最新推荐文章于 2024-09-18 21:51:14 发布

阅读量2.5k

点赞数 1

分类专栏：网页前端

本文链接：https://blog.csdn.net/qq_38409944/article/details/79034603

版权

网页前端专栏收录该内容

58 篇文章 2 订阅

订阅专栏

本文探讨了在HTML文档中JavaScript文件的不同加载位置及其影响。介绍了如何通过将JS文件放置于<head>或</body>标签前以优化网页性能，并解释了这样做带来的好处。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="qwe.js"></script>
</head>
<body>
</body>

<script type="text/javascript" src="qwe.js"></script>
是重点 通过HTML的script标签加载JavaScript文件
一般非关键的js文件都是放在网页底部即，</body>标签前面
其他的比较重要的放在<head>中

qwe.js文件内容 
function sayScript()
{
    alert("士大夫");
}
sayScript();

JavaScript文件外部加载的好处：
避免使用
避免使用CDATA。
统一定义JavaScript代码，方便查看，方便维护。
使代码更安全，可以压缩，加密单个JavaScript文件。
浏览器可以缓存JavaScript文件，减少宽带使用（当多个页面同时使用一个JavaScript文件的时候，通常只需下载一次）。