「 async 」 一覧
-
CakePHP3 scriptタグ(HTMLヘルパー)のdefer・async属性設定方法
2018/11/09 -ビュー(Template)
async, defer, HtmlHelper, JavaScript, scriptCakePHP3 scriptタグ(HTMLヘルパー)のdefer・async属性オプションの設定方法です。
123456789101112131415// CakePHP3 HTMLヘルパー($this->Html->script - defer属性)<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['defer' => true])?>// 生成されるHTML<script src="/js/jquery.min.js" defer="defer"></script><script src="/js/bootstrap/bootstrap.min.js" defer="defer"></script>// CakePHP3 HTMLヘルパー($this->Html->script - async属性)<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['async' => true])?>// 生成されるHTML<script src="/js/jquery.min.js" async="async"></script><script src="/js/bootstrap/bootstrap.min.js" async="async"></script>