首頁 > 開發者 > JavaScript
基礎知識--關於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.第二就是線上引用，現在最主流的就是Google的和微軟的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）刪除一個數字，Google會返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一個數字，那麼Google會返回 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>註：使用Google或微軟的 jQuery，有一個很大的優勢：許多使用者在訪問其他網站時，已經從Google或微軟載入過 jQuery。所有結果是，當他們訪問您的網站時，會從緩衝中載入 jQuery，這樣可以減少載入時間。同時，大多數 CDN 都可以確保當使用者向其請求檔案時，會從離使用者最近的伺服器上返迴響應，這樣也可以提高載入速度。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
