国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

動態加載圖片路徑 保持JavaScript控件的相對獨立性

2019-11-21 00:15:33
字體:
來源:轉載
供稿:網友
當時考慮有三種方法:
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其實也可設為參數,由于所有項目圖片文件夾命名固定,所以沒有設立參數,但仍然保存可擴展性。

加圖后,控件效果是相當美觀了:

順便附上所有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 // ?號后的部分
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 施秉县| 个旧市| 安新县| 达州市| 上饶市| 轮台县| 长治市| 扎鲁特旗| 淮安市| 和平区| 临武县| 蛟河市| 墨竹工卡县| 永州市| 平塘县| 郓城县| 枣阳市| 九江市| 兴国县| 友谊县| 马公市| 浠水县| 泽普县| 通化县| 建德市| 绥宁县| 泽库县| 武乡县| 同德县| 措美县| 永吉县| 洛扎县| 旬阳县| 德保县| 陆川县| 阿尔山市| 谷城县| 民权县| 东方市| 阳西县| 读书|