引用text.css文件
先從css的引用開始,css的引用有外部引用,內(nèi)部引用兩種方式,但是外部引用里又有兩張方式,同樣內(nèi)部引用也有兩種。
外部引用有l(wèi)ink引用和@important引用
內(nèi)部引用(這樣稱呼其實不嚴(yán)格,只是為了更好地分類更好地記?。┛梢灾苯佑胹tyle和直接嵌套兩種。
我們主要談外部引用,
link引用:在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />來調(diào)用外部的wcss.css文件來實現(xiàn)html引用css文件。
使用link來引用外部的css的優(yōu)勢
1、有利于SEO,使用此方法引用外部css文件,將使得html頁面的源代碼少很多比起直接加入css樣式,因為搜索引擎蜘蛛爬行網(wǎng)頁的時候是不爬行css文件的,這樣使得html源代碼很少,使得蜘蛛爬行更快,處理更少,增大了此網(wǎng)頁的權(quán)重,有利于排名。
2、節(jié)約html使得瀏覽器下載網(wǎng)頁時候分開線程了,就像加載一個頁面同時有兩條線在打開一個頁面道理,使得網(wǎng)頁打開格外快。(用戶瀏覽此網(wǎng)頁的時候html源代碼和css文件同時下載,使得更加快速)
3、修改網(wǎng)頁的樣式方便,只需修改css樣式即可修改網(wǎng)頁的美工樣式,如果在網(wǎng)站項目中此方法,因整站應(yīng)用了共用的css基本樣式,這樣修改整站風(fēng)格樣式根據(jù)快捷方便。
@important
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
調(diào)用test.js文件
可以將純JavaScript的語句另外保存在一個"*.js"的文件中,需要時再調(diào)用。
例子:調(diào)用test.js文件,顯示提示。
<html>
<body>
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
引用js的路徑既可以放在<head></head>中,也可以放在<body></body>中,并沒有限制。
避免使用<!-- ... //-->
,駭客技術(shù)。
避免使用CDATA。
統(tǒng)一定義JavaScript代碼,方便查看,方便維護(hù)。
使代碼更安全,可以壓縮,加密單個JavaScript文件。
瀏覽器可以緩存JavaScript文件,減少寬帶使用(當(dāng)多個頁面同時使用一個JavaScript文件的時候,通常只需下載一次)。
不要把JavaScript分為多個文件,多個文件會增加服務(wù)器的負(fù)擔(dān),增加服務(wù)器的HTTP請求。
一個JavaScript文件也會增大HTTP請求。
調(diào)用jQurey
調(diào)用jQurey的主要方法有兩種:
1.第一我們可以下載可以隨時隨地的使用,
Production version - 用于實際的網(wǎng)站中,這是壓縮版。
Development version - 用于測試和開發(fā)(未壓縮,是可讀的代碼)
這兩個版本都可以從官網(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)刪除一個數(shù)字,谷歌會返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一個數(shù)字,那么谷歌會返回 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,有一個很大的優(yōu)勢:
許多用戶在訪問其他站點時,已經(jīng)從谷歌或微軟加載過 jQuery。所有結(jié)果是,當(dāng)他們訪問您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數(shù) CDN 都可以確保當(dāng)用戶向其請求文件時,會從離用戶最近的服務(wù)器上返回響應(yīng),這樣也可以提高加載速度。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享標(biāo)題:關(guān)于css,js,jQurey的外部引用-創(chuàng)新互聯(lián)
本文鏈接:http://www.rwnh.cn/article28/pjpjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站制作、建站公司、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)