「ver4/関数リファレンス/BcBaser js」の版間の差分
提供: baserCMS公式ガイド
Webbingstudio (トーク | 投稿記録) (CakePHPの仕様変更に伴い、関数の説明を大幅に変更) |
|||
(他の1人の利用者による、間の1版が非表示) | |||
行10: | 行10: | ||
(array)$url | (array)$url | ||
: JavaScriptファイルまでのパス。拡張子は必要ない。キーを含まない値のみの配列として指定し、配列の順番の通りにJSが読み込まれる。 | : JavaScriptファイルまでのパス。拡張子は必要ない。キーを含まない値のみの配列として指定し、配列の順番の通りにJSが読み込まれる。 | ||
− | : | + | : 先頭にスラッシュをつけた場合は、baserCMSのルートからのパスとなる。 |
+ | : スラッシュをつけず相対パスとした場合は、 '''/theme/{テーマ名}/js に該当ファイルが存在している場合'''、そのファイルへのパスとなる。 | ||
− | + | (bool)$inline | |
− | : | + | : 「true」を指定すると、関数を指定した箇所で一行ずつ改行して出力し、「false」を指定すると、管理画面用CSSの出力が終了してから改行を詰めて出力する。 |
+ | : - 初期値 : true | ||
− | |||
− | |||
## 用例 | ## 用例 | ||
### 基本 | ### 基本 | ||
+ | jquery-3.3.1.min.jsとcommon.jsの読み込みタグを出力する。 | ||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
行35: | 行36: | ||
### 応用1 | ### 応用1 | ||
− | |||
CDNを使用する場合、integrity属性、crossorigin属性を指定できる。 | CDNを使用する場合、integrity属性、crossorigin属性を指定できる。 | ||
行54: | 行54: | ||
### 応用2 | ### 応用2 | ||
+ | 管理画面用CSSの出力が終了してから改行を詰めて出力する。 | ||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
行68: | 行69: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
##類似の関数 | ##類似の関数 | ||
− | + | - [css](/ver4/関数リファレンス/css) - CSSの読み込みタグを出力する | |
− | [ | + | |
− | + | ||
− | + |
2018年12月13日 (木) 23:26時点における最新版
目次
説明
JavaScriptの読み込みタグを出力する。
使い方
<?php $this->BcBaser->js( $url , [$inline] ); ?>
パラメータ
- (array)$url
- JavaScriptファイルまでのパス。拡張子は必要ない。キーを含まない値のみの配列として指定し、配列の順番の通りにJSが読み込まれる。
- 先頭にスラッシュをつけた場合は、baserCMSのルートからのパスとなる。
- スラッシュをつけず相対パスとした場合は、 /theme/{テーマ名}/js に該当ファイルが存在している場合、そのファイルへのパスとなる。
- (bool)$inline
- 「true」を指定すると、関数を指定した箇所で一行ずつ改行して出力し、「false」を指定すると、管理画面用CSSの出力が終了してから改行を詰めて出力する。
- - 初期値 : true
用例
基本
jquery-3.3.1.min.jsとcommon.jsの読み込みタグを出力する。
コード
<?php $this->BcBaser->js(array( 'jquery-3.3.1.min.js', 'common.js', )) ?>
出力
<script type="text/javascript" src="/theme/mytheme/js/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="/theme/mytheme/js/common.js"></script>
応用1
CDNを使用する場合、integrity属性、crossorigin属性を指定できる。
コード
<?php $this->BcBaser->js(array( 'https://code.jquery.com/jquery-3.3.1.js' ), true, array( 'integrity' => 'sha256-********************************', 'crossorigin' => 'anonymous', )) ?>
出力
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-********************************" crossorigin="anonymous"></script>
応用2
管理画面用CSSの出力が終了してから改行を詰めて出力する。
コード
<?php $this->BcBaser->js(array( 'jquery-3.3.1.min.js', 'common.js', ),false ) ?>
出力
(管理画面用CSSの出力後)
<script type="text/javascript" src="/theme/mytheme/js/jquery-3.3.1.min.js"></script><script type="text/javascript" src="/theme/mytheme/js/common.js"></script>
類似の関数
- css - CSSの読み込みタグを出力する