Different JavaScript and CSS image paths

A Javascript script and CSS file will be referenced in an HTML page. During HTML display, the mechanisms for referencing these two files are different.

For JS scripts, HTML loads the scripts to the page for parsing, similar to the <@! Include>.

CSS is not loaded into HTML. It is just a link. HTML uses the link to find the desired class in CSS.

For this analysis, we can see that the two file formats are referenced:

<! -- CSS is link, link -->

<Link href = ".../../public/Second/styles/tab.css" type = "text/CSS" rel = "stylesheet"/>

<! -- JS is loaded, and the JS format is the same as that written directly on the page -->
<SCRIPT type = "text/JavaScript" src = ".../public/scripts/JB/calendar. js"> </SCRIPT>

 

This difference is especially important when there are images in JS and CSS. Many people cannot see the images. This is where they are wrong.

If there are images in JS, refer to the HTML path of the referenced image, and there are images in CSS. The path is subject to this document.