Web应用中的Web页面常使用相对路径来进行服务端的访问,然而,不同的浏览器对相对路径的解析存在差异。
应用场景:
假设有如下目录:
|--upload
|--controller
|--upload.js
|--upload.jsp
|--data
|--list.txt
upload目录下有upload.jsp页面文件和一个controller文件夹,controller中包含upload.js脚本文件,Web页面upload.jsp使用了upload.js脚本文件。
data目录为数据目录,包含一个list.txt数据文件。
现在要在upload.js中访问data下的list.txt文件。
处理:
1、IE
相对路径以当前页面作为基准。
访问相对路径:../data/list.txt
2、Firefox、Chrome
相对路径以当前JS所在路径作为基准。
访问相对路径:../../data/list.txt
可以看到,要是实现正确地访问,在Firefox和Chrome浏览器中,需要多加一层向上的访问目录“../”。
实际应用中,可以针对不同的浏览器进行差异化处理:
//其他浏览器对相对路径的解析不同,IE默认页面路径为当前路径,Chrome和Firefox以本JS文件为当前路径
var url = the_server_uri;
var explorer = navigator.userAgent;
if (explorer.indexOf("MSIE") < 0) {
url = "../" + url;
}