出于网站优化的目的
将Javascript或CSS代码写到单独的文件中，在网页代码中调用这个文件，这是网站优化的一个重要的部分。因 为搜索引擎不抓取程序代码，但程序代码占用了页面的部分资源，加重了搜索引擎对页面抓取的负担，可以说网页 中的程序代码对于搜索引擎来说是没有任何用处的。但对于网站整体来说，程序代码又是必不可少的一部分（如 CSS布局），这时调用外部文件同样可以起到作用，即简化了网页代码，又提高了代码的重复利用率。
为什么说提高了代码的重复利用率？有时几个（甚至整个站点）页面所用到的程序文件都是相同的（如统计浏 览量或CSS样式结构），但要是分别写入各页面中，无疑是做毫无意义的无用功。将这些代码写到一个文件中，然 后在需要的网页中调用这个文件，这样就避免了重复写同样代码的无用功。就像使用C/S系统中的自定义函数一样方便。

出于网站维护的目的
将网页样式结构的代码写到CSS中，可以实现表现形式和内容相分离，方便以后在不改变内容的情况下，灵活 的更换网页皮肤（如改变特定内容的显示位置、背景图片、内容的字体及颜色等的设置）。使网站易于维护，同时 也简化了网页的代码，避免冗长的代码，提高了网页的加载速度和方便搜索引擎的抓取，使网页代码更加清晰。
为什么说方便搜索引擎的抓取？搜索引擎对图片不感兴趣，将只起修饰作用的图片写到CSS文件中作为背景出 现，因为搜索引擎不抓背景图片。那么，为什么不将图片直接在网页中设置成背景呢？搜索引擎同样不抓取标签元 素，而标签元素会加大网页，占用资源，为什么还要将“废力不讨好”的东西留下呢？
W3C标准规定，将所有只起修饰性作用的元素，都应该从网页代码中去除。

外部文件的调用方法
1、CSS文件调用方法
<link href="xxx.css" type="text/css" rel="stylesheet" media="all" />
2、Js文件调用方法
<script language="javascript" type="text/javascript" src="xxx.js"></script>