在看labjs源代码时,发现里面有个将相对地址转为绝对地址的函数,将其拿出纪录如下:
复制代码 代码如下:
function canonical_uri(src, base_path)
{
var root_page = /^[^?#]*\//.exec(location.href)[0],
root_domain = /^\w+\:\/\/\/?[^\/]+/.exec(root_page)[0],
absolute_regex = /^\w+\:\/\//;
// is `src` is protocol-relative (begins with // or ///), prepend protocol
if (/^\/\/\/?/.test(src))
{
src = location.protocol + src;
}
// is `src` page-relative? (not an absolute url, and not a domain-relative path, beginning with /)
else if (!absolute_regex.test(src) && src.charat(0) != /)
{
// prepend `base_path`, if any
src = (base_path || ) + src;
}
// make sure to return `src` as absolute
return absolute_regex.test(src) ? src : ((src.charat(0) == / ? root_domain : root_page) + src);
}
如当前页面地址为:http://www.inspurstb.com/hzt/index.html
则canonical_uri(scy.js)返回http://www.inspurstb.com/hzt/scy.js
用javascript将相对路径地址,转换为绝对路径
1)使用image, 经测试会发送一个aborted的请求,并且ie6不支持, 将new image改成document.createelement_x_x_x('img')也是一样的;测试应该不喜欢这个方案;
复制代码 代码如下:
function getabsoluteurl(url){
var img = new image();
img.src = url; // 设置相对路径给image, 此时会发送出请求
url = img.src; // 此时相对路径已经变成绝对路径
img.src = null; // 取消请求
return url;
}
getabsoluteurl(showroom/list);
2)使用anchor(链接),不会发出任何请求,只会在加入dom时产生请求,但是ie6也不支持
复制代码 代码如下:
function getabsoluteurl(url){
var a = document.createelement_x_x_x('a');
a.href = url; // 设置相对路径给image, 此时会发送出请求
url = a.href; // 此时相对路径已经变成绝对路径
return url;
}
getabsoluteurl(showroom/list);
3)使用javascript: 实现起来比较复杂,这里有一个例子: https://gist.github.com/1088850
最终使用的是option 2,
由此可变,用原生态的方法访问所有的image, anchor时,返回的都是绝对路径,此时如果想返回原来的相对路径,可以用查询dom的方法,如jquery的.attr()方法:
console.log($anchor[0][href]); //返回绝对路径,jquery对象实质上都是数组,即使只有一个,因此使用[0]可以访问到原生态的对象,然后取href;
console.log($anchor.attr(href)); //返回原始路径