JSF教學 » JSF輸出指令碼

JSF輸出指令碼

h:outputScript標籤呈現型別為「text/javascript」的「script」型別的HTML元素。此標籤將外部JavaScript檔案新增到JSF頁面。

以下JSF標籤 - 

<h:outputScript library="js" name="help.js" />

被渲染成以下HTML程式碼 - 

<script type="text/javascript" 
   src="/helloworld/javax.faces.resource/help.js.jsf?ln=js"></script>

範例

以下是檔案：common.js 中的程式碼 - 

document.write('tw511.com');

以下是檔案：UserBean.java 中的程式碼 - 

package com.yiibai;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name="user")
@SessionScoped
public class UserBean{

}

以下是檔案：index.xhtml 中的程式碼 - 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head></h:head>
    <h:body>

      <h:outputScript library="js" name="common.js" target="head" />

    </h:body>

</html>

執行測試

使用 NetBeans 建立一個Web工程，名稱為：Outputscript，並使用以上程式碼。執行專案，Tomcat啟動完成後，在瀏覽器位址列中輸入以下URL。

http://localhost:8084/Outputscript

得到以下結果 -