關(guān)于css，js，jQurey的外部引用

引用text.css文件

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、新縣網(wǎng)絡(luò)推廣、微信小程序開發(fā)、新縣網(wǎng)絡(luò)營銷、新縣企業(yè)策劃、新縣品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供新縣建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：bm7419.com

先從css的引用開始，css的引用有外部引用，內(nèi)部引用兩種方式，但是外部引用里又有兩張方式，同樣內(nèi)部引用也有兩種。

外部引用有l(wèi)ink引用和@important引用

內(nèi)部引用（這樣稱呼其實(shí)不嚴(yán)格，只是為了更好地分類更好地記?。┛梢灾苯佑胹tyle和直接嵌套兩種。

我們主要談外部引用，

link引用：在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />來調(diào)用外部的wcss.css文件來實(shí)現(xiàn)html引用css文件。

使用link來引用外部的css的優(yōu)勢
1、有利于SEO，使用此方法引用外部css文件，將使得html頁面的源代碼少很多比起直接加入css樣式，因?yàn)樗阉饕嬷┲肱佬芯W(wǎng)頁的時(shí)候是不爬行css文件的，這樣使得html源代碼很少，使得蜘蛛爬行更快，處理更少，增大了此網(wǎng)頁的權(quán)重，有利于排名。
2、節(jié)約html使得瀏覽器下載網(wǎng)頁時(shí)候分開線程了，就像加載一個(gè)頁面同時(shí)有兩條線在打開一個(gè)頁面道理，使得網(wǎng)頁打開格外快。（用戶瀏覽此網(wǎng)頁的時(shí)候html源代碼和css文件同時(shí)下載，使得更加快速）
3、修改網(wǎng)頁的樣式方便，只需修改css樣式即可修改網(wǎng)頁的美工樣式，如果在網(wǎng)站項(xiàng)目中此方法，因整站應(yīng)用了共用的css基本樣式，這樣修改整站風(fēng)格樣式根據(jù)快捷方便。

@important

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

可以將純JavaScript的語句另外保存在一個(gè)"*.js"的文件中，需要時(shí)再調(diào)用。

例子：調(diào)用test.js文件，顯示提示。
<html>
<body>
<script language="JavaScript" src="test.js">
</script>
</body>
</html>

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

JavaScript文件外部加載的好處

避免使用，駭客技術(shù)。
避免使用CDATA。
統(tǒng)一定義JavaScript代碼，方便查看，方便維護(hù)。
使代碼更安全，可以壓縮，加密單個(gè)JavaScript文件。
瀏覽器可以緩存JavaScript文件，減少寬帶使用（當(dāng)多個(gè)頁面同時(shí)使用一個(gè)JavaScript文件的時(shí)候，通常只需下載一次）。

JavaScript文件外部加載的注意事項(xiàng)

不要把JavaScript分為多個(gè)文件，多個(gè)文件會(huì)增加服務(wù)器的負(fù)擔(dān)，增加服務(wù)器的HTTP請(qǐng)求。
一個(gè)JavaScript文件也會(huì)增大HTTP請(qǐng)求。

調(diào)用jQurey

調(diào)用jQurey的主要方法有兩種:

1.第一我們可以下載可以隨時(shí)隨地的使用，

Production version - 用于實(shí)際的網(wǎng)站中，這是壓縮版。
Development version - 用于測試和開發(fā)（未壓縮，是可讀的代碼）

這兩個(gè)版本都可以從官網(wǎng) jQuery.com 下載。

2.第二就是線上引用，現(xiàn)在最主流的就是谷歌的和微軟的cdn（內(nèi)容分發(fā)網(wǎng)絡(luò)）引用它。

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 中規(guī)定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以從版本字符串的末尾（比如本例 1.8）刪除一個(gè)數(shù)字，谷歌會(huì)返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一個(gè)數(shù)字，那么谷歌會(huì)返回 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，有一個(gè)很大的優(yōu)勢：

許多用戶在訪問其他站點(diǎn)時(shí)，已經(jīng)從谷歌或微軟加載過 jQuery。所有結(jié)果是，當(dāng)他們訪問您的站點(diǎn)時(shí)，會(huì)從緩存中加載 jQuery，這樣可以減少加載時(shí)間。同時(shí)，大多數(shù) CDN 都可以確保當(dāng)用戶向其請(qǐng)求文件時(shí)，會(huì)從離用戶最近的服務(wù)器上返回響應(yīng)，這樣也可以提高加載速度。

分享題目：關(guān)于css，js，jQurey的外部引用
URL鏈接：http://bm7419.com/article40/isgeeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站制作、服務(wù)器托管、搜索引擎優(yōu)化、外貿(mào)建站、用戶體驗(yàn)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

關(guān)于css，js，jQurey的外部引用

JavaScript文件外部加載的好處

JavaScript文件外部加載的注意事項(xiàng)

關(guān)于css，js，jQurey的外部引用