在很多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; }
看到了上面的代码,应该明白了吧,不解释了。