动态加载图片路径 保持JavaScript控件的相对独立性

//创建一个全局变量保存路径 
var imgRootUrl = ""; 

//获取图片路径所在目录 
var strPath=window.document.location.pathname; //获取主机地址之后的目录部分 
var thisUrlCount = strPath.split('/'); 
var hierarchyOfFolders = thisUrlCount.length-2;//获取目录层级 
for(iRoot=0;iRoot<hierarchyOfFolders;iRoot++) 
{ 
imgRootUrl +="../"; 
} 
imgRootUrl +="Images/"; //这个Images其实也可设为参数，由于所有项目图片文件夹命名固定，所以没有设立参数，但仍然保存可扩展性。 
 
加图后，控件效果是相当美观了： 

顺便附上所有window.document.location其下属性： 
document.location.hash // #号后的部分 VS window.location.hash 
document.location.host // 域名+端口号 
document.location.hostname // 域名 
document.location.href // 完整URL 
document.location.pathname // 目录部分(应用程序) 
document.location.port // 端口号 
document.location.protocol // 网络协议(http:) 
document.location.search // ?号后的部分