&http%3A%2F%2Ffuryu.tea-nifty.com%2Fannex%2F2008%2F04%2Fjavascripturl_880c.html){kind=small}
【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 | 固定リンク
| 記事の編集(管理者用)
「おもいつき」カテゴリの記事
- 【ココログ】コメント出来ないときに使ってみるブックマークレット(2007.03.27)
- 【ココログ】トップページにコメント欄を表示するスクリプト(2009.06.14)
- 『お気楽五七五』でTwitterはじめてみました(2009.06.12)
- 【お気楽五七五】なんとなく五七五でつぶやくサービスを作ってみた(2009.06.02)
- 瞬語一覧をブログパーツ化してみた(2009.06.06)
「パソコン・インターネット」カテゴリの記事
- AmazonのProduct Advertising API認証プロキシ公開(REST)(2009.07.03)
- Twitter個別発言の前後を表示するスクリプトは便利ですね(2009.06.12)
- 『お気楽五七五』でTwitterはじめてみました(2009.06.12)
- 【お気楽五七五】なんとなく五七五でつぶやくサービスを作ってみた(2009.06.02)
- 瞬語一覧をブログパーツ化してみた(2009.06.06)
