关于HTML/JSP文件中JS文件和CSS文件的导入顺序

最新推荐文章于 2022-03-24 18:02:45 发布

原创最新推荐文章于 2022-03-24 18:02:45 发布 · 6.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #stylesheet #jquery

Javascript 同时被 3 个专栏收录

9 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

CSS

1 篇文章

订阅专栏

本文深入探讨了网页中CSS和JS文件的加载顺序及其对页面渲染的影响，强调了jQuery作为类库级文件应放置于最开头的重要性，同时解释了CSS文件覆盖规则，并通过实例说明了正确加载顺序对用户体验的提升。

		<link href="resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
		<link href="resources/ldcss/index.css" rel="stylesheet" type="text/css" />
		<link href="resources/ldcss/global.css" rel="stylesheet" type="text/css" />
		
		<script src="resources/lib/jquery/jquery-1.6.1.js" type="text/javascript"></script>
		<script src="resources/lib/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
		<script src="views/js/index.js" type="text/javascript"></script>
		<script src="resources/ldjs/global.js" type="text/javascript"></script>

CSS文件后面的会覆盖前面的：如global.css会覆盖之前的样式表

JS文件后面的会引用前面的，如将global.js放在最开始，则会报一个找不到jQuery的错误，因此jQuery这种类库级的文件应该放到最开头。