加載js的時候,用到的是<script style="text/javascript" src="js/demo.js"></script>
加載css的時候,用到的是<link rel="stylesheet" href="css/demo.css" />
一個用到的是src,另一個用到的是href,這兩個有什么區(qū)別呢?
href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。
src 表示來源地址,在 img、script、iframe 等元素上。
src 的內容,是頁面必不可少的一部分,是引入。href 的內容,是與該頁面有關聯(lián),是引用。區(qū)別就是,引入和引用。
href是指向網(wǎng)絡資源所在位置,簡歷和當前元素(錨點)或當前文檔(鏈接)之間的鏈接,用于超鏈接。當我們寫下:
<link rel="stylesheet" href="css/demo.css" />
瀏覽器明白當前資源是一個樣式表,頁面解析不會暫停(由于瀏覽器需要樣式規(guī)則去畫或者渲染頁面,渲染過程可能會被暫停)。這與把css文件內容寫在標簽里不相同,因此建議使用link標簽而不是@import來吧樣式表導入到html文檔里。
src是指向外部資源的位置,指向的內容將會嵌入到文檔中當前標簽的所在位置;在請求src資源時會將其指向的資源下載并應用到文檔內;當瀏覽器找到:
<script src= "script.js" ></script>
在瀏覽器下載,編譯,執(zhí)行這個文件之前頁面的加載和處理會被暫停。這個過程與把js文件放到<script>標簽里類似。這也是建議把JS文件放到底部加載的原因。當然,img標簽頁與此類似。瀏覽器暫停加載直到提取和加載圖像。標簽里類似。這也是建議把JS文件放到底部加載的原因。當然,img標簽頁與此類似。瀏覽器暫停加載直到提取和加載圖像。
注:所以為了頁面加載速度,我們一般把js文件放在<body>標簽的后面。