【JavaScript】任意のURLをベースにして、相対パスを絶対パスに変換(クロスブラウザっぽく)
AutoPagerize | Google グループでの話題をきっかけに、任意のURLをベースとして、相対パスを絶対パスに変換する方法を模索してみました(IE7・Firefox2.0.0.13・Opera
9.27・Safari3.1で確認)。
■ソース(動作サンプル)
■ソース(動作サンプル)
var pathToURL=(function(){
var wimg=new Image();
var work=document.createElement('iframe');
work.style.display='none';
document.body.appendChild(work);
var wdoc=work.contentWindow.document;
return function(path,base){
var url=path;
if (!base) { // default: location.href
wimg.src=path;
url=wimg.src;
}
else {
wdoc.open();
wdoc.write('<head><base href="'+base+'" \/><\/head><body><img src="'+path+'" \/><\/body>');
wdoc.close();
url=wdoc.getElementsByTagName('img')[0].src;
}
return url;
};
})();
■使い方
var wimg=new Image();
var work=document.createElement('iframe');
work.style.display='none';
document.body.appendChild(work);
var wdoc=work.contentWindow.document;
return function(path,base){
var url=path;
if (!base) { // default: location.href
wimg.src=path;
url=wimg.src;
}
else {
wdoc.open();
wdoc.write('<head><base href="'+base+'" \/><\/head><body><img src="'+path+'" \/><\/body>');
wdoc.close();
url=wdoc.getElementsByTagName('img')[0].src;
}
return url;
};
})();
pathToURL(相対パス[,ベースURL])■参考
※ベースURLを省略した場合は、現在のページがベースとなる。
pathToURL - AutoPagerize | Google グループ
? で始まるリンクを正しく扱えてない - ロックスターになりたい
相対パスを絶対パスに変換する - 実用
【2008/04/08追記】
相対パスから絶対パスに変換 - m2
2008/04/08(火) 00:31 | 固定リンク
| 記事の編集(管理者用)
「おもいつき」カテゴリの記事
- ちょっと小細工：textareaの高さを自動調節(2008.05.21)
- Yin and Yang：動作改善(?)他(2008.05.14)
- ノイズキャンセル(マスク|マイク)ってないのかな？(2008.05.07)
- 『はてブBOX』と、ココログ用『はてブコメント表示欄』スクリプトの更新(2008.05.05)
- Yin and Yang：リンク先の内容をその場で表示するスクリプトの更新(2008.05.02)
「パソコン・インターネット」カテゴリの記事
- ツールを作る側は対象に与える影響をどこまで気にするか？(2008.05.29)
- "『無断リンクはやめて』という人にはしない方向で"の思考過程(2008.05.24)
- 『無断リンクはやめて』という人にはしない方向で(2008.05.22)
- ちょっと小細工：textareaの高さを自動調節(2008.05.21)
- Yin and Yang：動作改善(?)他(2008.05.14)
