动态加载图片路径

作者: 人才发展  发布:2019-09-18

加图后,控件效果是相当美观了:
bet9九州 1
顺便附上所有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 // ?号后的部分

复制代码 代码如下:

当时考虑有三种方法:
1.直接把路径写在js文件里,但如果引用页面路径层级改变就没辙了。
2.写个class,放在主题包里的css文件或者单独创建一个css文件给日期控件专用。但是控件中的其他元素并没有使用class的需要,单独建立相应css文档似乎小题大做。
3.把以上两个方法排除后,自然要采用动态加载图片路径的方法咯。
关键代码如下:

您可能感兴趣的文章:

  • 用Javascript判断图片是否存在,不存在则显示默认图片的代码
  • javascript批量检查当图片不存在时则显示默认图片的代码
  • 动态加载图片路径 保持JavaScript控件的相对独立性
  • 通过JS获取用户本地图片路径并显示的代码
  • jquery解决图片路径不存在执行替换路径
  • 图片不存在使用默认图片代替的实例
  • 解决图片路径中含有中文在jsp下不能正常显示问题
  • 图片路径中含有中文在jsp下不能正常显示的原因及解决
  • bet9九州,完美兼容多浏览器的js判断图片路径代码汇总

//获取图片路径所在目录
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其实也可设为参数,由于所有项目图片文件夹命名固定,所以没有设立参数,但仍然保存可扩展性。

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

本文由bet9九州发布于人才发展,转载请注明出处:动态加载图片路径

关键词: