WebDesign Dackel

JavaScriptで相対パスをhttpから始まる絶対パスに変換

Hatena0
Google+0
Pocket0
Feedly0

やりたいことはタイトルのまんまです。以前にjQueryを使って同じことをしてみましたが、jQueryを導入していない案件で必要なことがあったのでコピペ用に残しておきます。

ちなみに以前に書いた記事はこちらです。

jQueryを使って相対パスをhttpから始まる絶対パスに変換

JavaScript移植版

function convertAbsUrl(relativePath){
  var anchor = document.createElement("a");
  anchor.href = relativePath;
  return anchor.href;
}

やっていることは全く同じですが、aタグの生成部分をネイティブに書き換えただけです。
上記の関数は以下の用に使えます。

var url = convertAbsUrl("./path/to/index.html");

console.log(url); //http://example.com/path/to/index.html

やっていることは簡単だし覚えておいて損はないかなぁなんて思います。