在很多js框架中看到过,如果要动态加载框架内部的其他js,加载的时候加载的地址经常是一个相对的地址,只能是这样了哦,因为框架根本不知道用此框架的用户,将框架js文件放的具体目录,所以框架中一般会采用如下方法
(1)默认采用页面中加载core.js(框架的核心js)指定的地址为基准地址(basePath)
(2)用户直接采用框架提供的配置方法指定basePath
那么框架是怎么做到默认的呢?请看下面你就明白了。
1 Html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="/ProjectName/statics/jquery/jquery.js"></script>
<script src="/ProjectName/statics/xjo/core.js"></script>
<script>
console.info(xjo.basePath);
</script>
</head>
<body>
</body>
</html>
2 core.js
window.xjo={};
if(!xjo.basePath){
var tags=document.getElementsByTagName("script");//获取script标签
var path = tags[tags.length - 1].getAttribute("src");//获取其src->/ProjectName/statics/xjo/core.js
var basePath=path.substring(0, path.lastIndexOf("/") + 1) //->/ProjectName/statics/xjo/
xjo.basePath=basePath;
}
看到了上面的代码,应该明白了吧,不解释了。