手机版

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

时间:2021-11-23 来源:互联网 编辑:宝哥软件园 浏览:

当时有三种方法可以考虑:1。直接在js文件中写入路径,但是如果引用页面路径级别发生变化,就没有办法了。2.编写一个类,把它放在主题包的css文件中,或者为日期控件单独创建一个css文件。但是控件中的其他元素不需要使用class,所以单独创建对应的css文档似乎有些小题大做。3.排除以上两种方法后,自然采用动态加载图片路径的方法。关键代码如下:复制代码如下: //创建全局变量保存路径:varimgroouturl=//获取图片路径所在的目录var strpath=window . document . location . pathname;//获取主机地址var this URL count=strpath . split('/')后的目录部分;var hierarchy yoffolders=thiurl count . length-2;//获取的目录级别(iRoot=0;iRoothierarchyOfFoldersiRoot ) { imgRootUrl='./';} imgRootUrl=' Images/';//其实这个Images也可以设置为参数。由于所有的项目图片文件夹都是固定命名的,所以没有设置参数,但是扩展性仍然保留。画好之后,控制效果相当漂亮:

顺便说一下,在window.document.location下面附上所有属性:document . location . hash/# vs window.location.hashdocument.location.host//.域名document.location.hostname //域名document.location.href //完整URL document.location.pathname//Directory部分(应用程序)document.location.port //端口号:document.location.protocol //网络协议(http :)document.location.search//?部分在数字后面。

版权声明:图片路径的动态加载保持了JavaScript控件的相对独立性是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。