<link href="../base.css" type="text/css" rel="stylesheet" id="link1" />
<title>无标题文档</title>
</head>
<body>
<div style="width:100pxheight:100pxborder:1px solid #ccc"></div>
</body>
<script>
var oLink = document.getElementById('link1')
oLink.href = '../../aaa.css' //这样就把link的链接修改为'../../aaa.css'了。
</script>
</html>
我随便找了个树目录结构的图，以此图给你讲一下
此文件结构根目录为“文件树目录”，然后依次往下分类，其中有2个页面page1.html、page2.html分别在不同的地方，先以page1.html为例，分别讲一下相对和绝对路径的写法
比如我现在想让page1.html加载More directory目录下的jquery.min.js文件：
1、相对路径写法：/文件树目录/More directory/css/js/jquery.min.js
解释：相对路径，是根据文件根目录一级一级的找到你所需要的文件
2、绝对路径写法：../style.css/More directory/css/js/jquery.min.js
解释：绝对路径，是根据当前文件位置，找到所需要的文件，其中“../”是返回文件上一级。
补充：我们可以看到page1.html此时是在Primary directory里，我们想找的jquery.min.js在More directory/css/js/里，而Primary directory和More directory是“文件树目录”的子目录，属于兄弟关系，所以page1.html想找到jquery.min.js，就要先返回上一级，然后找到兄弟节点，然后一级一级往下找。
注：../是返回上级，../../是返回上上级，以此类推！
将css代码的<style type="text/css">和</style>标识去掉，取其中间部分并保存为1.css将script代码的<script type="text/javascript">和</script>标识去掉，取其中间部分保存为1.js
在你需要调用样式的页面中插入以下语句（一般在网页的head标识之间插入）：
<link rel="stylesheet" type="text/css" href="1.css">
在你需要调用脚本的页面中适当位置插入以下语句：
<script language="javascript" src="1.js"></script>
记得将这三个文件都放在一个目录中哦，不然你得写对路径
绘学霸上有很多设计的教程视频可以上去学习下
