javascript 和css圖片路徑的不同

來源:互聯網
上載者:User

一個html頁面中,會引用到js指令碼和css檔案,在html展示的時候,引用這兩種檔案的機制是不同的。

對於js指令碼,html是把指令碼載入到頁面中一起解析,類似於jsp中的<@!include>。

對於CSS,它不會載入到html中,它只是一個連結,htmL根據連結去css中找需要的class

對於這一點分析引用這兩種檔案的格式就可以看出:

<!--CSS是link,連結-->

<link href="../../public/second/styles/tab.css" type="text/css" rel="stylesheet" />

<!--JS是載入,和直接在頁面中寫js格式是一樣的-->
<script type="text/javascript" src="../../public/scripts/jb/calendar.js"></script>

 

這種區別在js和css中有圖片的時候尤為重要,很多人的圖片顯示不出來就是這個地方搞錯了

js中如果有圖片要以引用它的html路徑為準,css中有圖片,路徑是以本檔案為準

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.