なみひらブログ

学んだことを日々記録する。~ since 2012/06/24 ~

HTMLリファレンス

背景

簡単なHTML(+JS)を使うときに操作の備忘録です。

操作

hrefのリンクを差し替えたい

  • 固定のプレフィックスを付けたいとき。あとで修正が起こりそうな場所に利用。
・・・
<a id="id_link_download" class="btn btn-link" href="download/index.html">Download</a>
・・・

<script>
var prefix = "../20180204/";

var obj = $("#id_link_download")
var before = obj.attr("href");
obj.attr("href", prefix + before);
</script>

HTMLの一部にHTMLを入れたいとき

  • HTMLの共通化。
  • ※テンプレートとか使わない縛りのとき。
・・・
  <div id="id_footer">
  </div>
・・・

<script>
$(function(){
  $("#id_footer").load("../common/footer.html");
});
</script>

まとめ

ゴリゴリヽ(^o^)丿