HTMLにホスト名を変数化

2015年12月28日 - 未分類

HTMLでは、変数は使えません。サーバー依存のPHPも面倒です。Javascriptだけで、サーバーのホスト名をHTMLに埋め込まないようにして、HTMLの移植性を高めます。

通常、

<a href=”http://hostname/contents”>ここをクリック</a>

と書くような部分です。hostが変わるたびに、hostnameを書き換えなければなりません。結構、面倒です。

そこで、次のように書きます。

<script type=”text/javascript”)

document.write(<‘a href=”http://’+location.hostname+’/contents”>ここをクリック</a>’);

</script>

location.hostnameで、ホスト名が取得されます。

ホスト名が微妙に異なるIoTデバイスには、この書き方がいいでしょう。

Translate »