动态加载图片路径 保持JavaScript控件的相对独立性
2010-09-03 00:00
357 查看
当时考虑有三种方法:
1.直接把路径写在js文件里,但如果引用页面路径层级改变就没辙了。
2.写个class,放在主题包里的css文件或者单独创建一个css文件给日期控件专用。但是控件中的其他元素并没有使用class的需要,单独建立相应css文档似乎小题大做。
3.把以上两个方法排除后,自然要采用动态加载图片路径的方法咯。
关键代码如下:
加图后,控件效果是相当美观了:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030171/e5cb7a2c70babb6ca573c03141aed60b.gif)
顺便附上所有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.把以上两个方法排除后,自然要采用动态加载图片路径的方法咯。
关键代码如下:
//创建一个全局变量保存路径 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其实也可设为参数,由于所有项目图片文件夹命名固定,所以没有设立参数,但仍然保存可扩展性。
加图后,控件效果是相当美观了:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030171/e5cb7a2c70babb6ca573c03141aed60b.gif)
顺便附上所有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 // ?号后的部分
相关文章推荐
- 动态加载图片路径 保持JavaScript控件的相对独立性
- 动态加载图片路径,保持JavaScript控件的相对独立性。
- 动态加载图片路径 保持JavaScript控件的相对独立性
- 动态加载图片路径 保持JavaScript控件的相对独立性
- 母版页Master中Html控件img,a,javascript相对路径问题
- C# WPF按钮控件动态加载图片
- 母版页Master中Html控件img,a,javascript,CSS相对路径问题
- 用MVVM模式开发中遇到的零散问题总结(5)——将动态加载的可视元素保存为图片的控件,Binding刷新的时机
- WPF加载相对路径的图片的解决方法
- asp.net2.0解决用户控件图片相对路径出错的问题,ResolveUrl的用法
- javascript实现瀑布流动态加载图片原理
- 母版页Master中Html控件img,a,javascript相对路径问题
- ASP.NET用户控件中的图片路径如何设置,img相对路径设置方法
- Unity3d 如何动态加载非Assets路径下的图片
- asp.net 用户控件中 使用相对路径的解决方法-------- 图片路径问题(用户控件、图片路径) ,ResolveUrl
- WPF加载相对路径的图片的解决方法
- javascript获取动态加载图片的宽度和高度?
- 让FreeTextBox控件上传相对路径图片-研究结果
- eclipse使用相对路径加载图片
- WPF加载相对路径的图片的解决方法