URLの操作:

HTMLからの相対パスを取得

絶対パスを解析して、実行したHTMLからの相対パスを文字列で返す。

String
絶対パスを渡す
●必須引数 ●オプション引数(省略可能)

記述例

$relativePath('https://klib.voidism.net/images/apple-touch-icon.png')

戻り値

実行したHTMLからの相対パスを文字列で返す。

・サーバが異なる場合にはそのまま絶対パスを返す。

・相対パスを渡した場合にはそのまま返す。

動作サンプル

各画像のsrc値を渡して結果を出力する。

❶ 同階層以下の画像
❷ 階層を遡って別階層にある画像
❸ 別サーバにある画像
Javascript : var aPath1=$relativePath($tag('img','sample1',0).src); var aPath2=$relativePath($tag('img','sample1',1).src); var aPath3=$relativePath($tag('img','sample1',2).src);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。