個人用ツール

「ver4/関数リファレンス/BcBaser js」を編集中

提供: baserCMS公式ガイド

移動: 案内, 検索

警告: ログインしていません。

編集すると、IPアドレスがこのページの編集履歴に記録されます。
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 編集中の文章
行1: 行1:
 +
[このコンテンツは内容調整中です]
 +
 
## 説明
 
## 説明
JavaScriptの読み込みタグを出力する。
+
javascriptの読み込みタグを出力します。
  
 
## 使い方
 
## 使い方
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->js( $url , [$inline] ); ?>
+
$this->BcBaser->js( $url , [$inline] );
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
## パラメータ
 
## パラメータ
(array)$url
+
(string or array)$url
: JavaScriptファイルまでのパス。拡張子は必要ない。キーを含まない値のみの配列として指定し、配列の順番の通りにJSが読み込まれる。
+
: javascriptファイルを指定。先頭にスラッシュをつけた場合は、/app/webroot からのパスとなる。スラッシュをつけず相対パスとした場合は、/app/webroot/js からのパスとなる。テーマを使用している場合は、/app/webroot/theme/{テーマ名}/jsからのパスとなる。拡張子は不要。
: 先頭にスラッシュをつけた場合は、baserCMSのルートからのパスとなる。
+
: スラッシュをつけず相対パスとした場合は、 '''/theme/{テーマ名}/js に該当ファイルが存在している場合'''、そのファイルへのパスとなる。
+
  
(bool)$inline
+
    - 初期値:−
: 「true」を指定すると、関数を指定した箇所で一行ずつ改行して出力し、「false」を指定すると、管理画面用CSSの出力が終了してから改行を詰めて出力する。
+
: - 初期値 : true
+
  
 +
(boolean)$inline
 +
: コンテンツ内に Javascript を出力するかどうかの真偽値。false時は、$this->BcBaser->script()の場所に出力される。
 +
: 初期値:true
 +
 +
## 戻り値
 +
なし
  
 
## 用例
 
## 用例
 
### 基本
 
### 基本
jquery-3.3.1.min.jsとcommon.jsの読み込みタグを出力する。
 
 
####コード
 
####コード
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->js(array(
+
<?php $this->BcBaser->js( 'hoge.js' ); ?>
    'jquery-3.3.1.min.js',
+
    'common.js',
+
)) ?>
+
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
####出力
 
####出力
 
<syntaxhighlight lang="html5">
 
<syntaxhighlight lang="html5">
<script type="text/javascript" src="/theme/mytheme/js/jquery-3.3.1.min.js"></script>
+
<script type="text/javascript" src="/js/hoge.js"></script>
<script type="text/javascript" src="/theme/mytheme/js/common.js"></script>
+
 
</syntaxhighlight>
 
</syntaxhighlight>
  
### 応用1
+
### 応用
CDNを使用する場合、integrity属性、crossorigin属性を指定できる。
+
 
+
 
####コード
 
####コード
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
<?php $this->BcBaser->js(array(
+
 
'https://code.jquery.com/jquery-3.3.1.js'
+
), true, array(
+
'integrity' => 'sha256-********************************',
+
'crossorigin' => 'anonymous',
+
)) ?>
+
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
####出力
 
####出力
 
<syntaxhighlight lang="html5">
 
<syntaxhighlight lang="html5">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-********************************" crossorigin="anonymous"></script>
 
</syntaxhighlight>
 
  
### 応用2
 
管理画面用CSSの出力が終了してから改行を詰めて出力する。
 
####コード
 
<syntaxhighlight lang="php">
 
<?php $this->BcBaser->js(array(
 
    'jquery-3.3.1.min.js',
 
    'common.js',
 
),false ) ?>
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
####出力
+
##
<syntaxhighlight lang="html5">
+
(管理画面用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>
+
</syntaxhighlight>
+
  
 +
## 変更履歴
 +
 +
## ソースファイル
 +
 +
## 関連資料
  
 
##類似の関数
 
##類似の関数
- [css](/ver4/関数リファレンス/css) - CSSの読み込みタグを出力する
+
 
 +
[[Category:関数リファレンスver4]]

baserCMS公式ガイドへのすべての投稿は、他の利用者によって編集、変更、除去される場合があります。 あなたの投稿を、他人が遠慮なく編集するのを望まない場合は、ここには投稿しないでください。
また、投稿するのは、あなたが書いたものか、パブリック ドメインまたはそれに類するフリーな資料からの複製であることを約束してください (詳細は[[Basercms:著作権 ]]を参照)。 著作権保護されている作品を、許諾なしに投稿してはいけません!

Add Categories
Update Categories
  

中止 | 編集の仕方 (新しいウィンドウで開きます)