JSFにJavaScriptファイルを含める方法

JavaScriptファイルをJSFに含める方法

JSF 2.0では、<h:outputScript />タグを使用してHTMLの「スクリプト」要素をレンダリングし、それをjsファイルにリンクできます。

例えば、

次のHTML出力を生成します…

JSF outputScriptの例

<h:outputScript />を使用して「common.js」をレンダリングする方法を示す例。次の図を参照してください。

jsf2-outputScript-example

JSFファイル



    
    

        

JSF 2 outputScript example

次のHTML出力を生成します




   

   

     

JSF 2 outputScript example

JSファイルは、JSF<h:outputScript />タグが配置されている場所にレンダリングされます。

ターゲット属性

さらに、「target」属性を使用して、jsファイルの出力先を制御できます。

  1. target =” head” – HTML headタグの上部に表示します。

  2. target =” body” – bodyタグの最後に表示します。

  3. ターゲットなし-タグが配置されている場所に表示します。

例えば

次のHTML出力を生成します




   

   

   
     

JSF 2 outputScript example

ソースコードをダウンロード

ダウンロード–JSF-2-outputScript-Example.zip(9KB)

参照