关于css，js，jQurey的外部引用-创新互联

引用text.css文件

为孝义等地区用户提供了全套网页设计制作服务，及孝义网站建设行业解决方案。主营业务为成都做网站、成都网站制作、孝义网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

先从css的引用开始，css的引用有外部引用，内部引用两种方式，但是外部引用里又有两张方式，同样内部引用也有两种。

外部引用有link引用和@important引用

内部引用（这样称呼其实不严格，只是为了更好地分类更好地记住）可以直接用style和直接嵌套两种。

我们主要谈外部引用，

link引用：在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件。

使用link来引用外部的css的优势
1、有利于SEO，使用此方法引用外部css文件，将使得html页面的源代码少很多比起直接加入css样式，因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的，这样使得html源代码很少，使得蜘蛛爬行更快，处理更少，增大了此网页的权重，有利于排名。
2、节约html使得浏览器下载网页时候分开线程了，就像加载一个页面同时有两条线在打开一个页面道理，使得网页打开格外快。（用户浏览此网页的时候html源代码和css文件同时下载，使得更加快速）
3、修改网页的样式方便，只需修改css样式即可修改网页的美工样式，如果在网站项目中此方法，因整站应用了共用的css基本样式，这样修改整站风格样式根据快捷方便。

@important

<style type="text/css" media="screen">
@import url("CSS文件");
</style>
调用test.js文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。

例子：调用test.js文件，显示提示。
<html>
<body>
<script language="JavaScript" src="test.js">
</script>
</body>
</html>

引用js的路径既可以放在<head></head>中，也可以放在<body></body>中，并没有限制。

JavaScript文件外部加载的好处

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

JavaScript文件外部加载的注意事项

不要把JavaScript分为多个文件，多个文件会增加服务器的负担，增加服务器的HTTP请求。
一个JavaScript文件也会增大HTTP请求。

调用jQurey

调用jQurey的主要方法有两种:

1.第一我们可以下载可以随时随地的使用，

Production version - 用于实际的网站中，这是压缩版。
Development version - 用于测试和开发（未压缩，是可读的代码）

这两个版本都可以从官网 jQuery.com 下载。

2.第二就是线上引用，现在最主流的就是谷歌的和微软的CDN（内容分发网络）引用它。

google CDN：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

注：通过 Google CDN 来获得最新可用的版本：

如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如本例 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用版本（从 1.1.0 到 1.9.9）。

Mircrosoft CDN：

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

注：使用谷歌或微软的 jQuery，有一个很大的优势：

许多用户在访问其他站点时，已经从谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享标题：关于css，js，jQurey的外部引用-创新互联
本文链接：https://www.cdcxhl.com/article28/pjpjp.html

成都网站建设公司_创新互联，为您提供自适应网站、面包屑导航、网站制作、建站公司、标签优化、静态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容