我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
工具/材料Sublime Text
首先新建一个文件夹，在文件夹下面建立如下图所示的文件
接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
然后我们在Head标签内用link标签引入CSS文件，如下图所示
最后用Script标签引入JS文件即可，如下图所示
（1）jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。
（2）CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
（3）JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。
JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。
<script src="../../../../../scripts/***.js></script>
除了如上边那种用多个父路径外还有没有别的方法直接获取项目跟路径。获取项目根目录
在jsp里去<%=request.getContextPath()%>这就是项目的根路径了，是到项目这层的。
js的引入方法如下：
<script src="<%=request.getContextPath() %>/home/test.js"></script>
css的引入方法：
<link href="<%=request.getContextPath() %>/css/one.css" rel="stylesheet" type="text/css">。/js获取项目根路径，如： http://localhost:8080/ems
getRootPath:function () {
//获取当前网址，如： http://localhost:8080/ems/Pages/Basic/Person.jsp
var curWwwPath = window.document.location.href
//获取主机地址之后的目录，如： /ems/Pages/Basic/Person.jsp
var pathName = window.document.location.pathname
var pos = curWwwPath.indexOf(pathName)
//获取主机地址，如： http://localhost:8080
var localhostPath = curWwwPath.substring(0, pos)
//获取带"/"的项目名，如：/ems
var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1)
return(localhostPath + projectName)
