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デバイスには、この書き方がいいでしょう。