JSF教學 » JSF可重定位資源

JSF可重定位資源

JSF提供了將您的資源放置在網頁的任何部分並將其呈現給另一部分的工具。您可以通過指定目標屬性重新定位您的資源。

您可以將以下屬性傳遞到目標屬性中重新定位。

head：用於在頭部渲染資源。
body：它用於在body部分渲染資源，
form：用於在表單部分呈現資源。

JSF可重定位資源範例

在下面的例子中，我們將JavaScript檔案放在form標籤中，並將目標指定給head部分。
檔案：index.xhtml 中的程式碼如下所示 -

<!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://xmlns.jcp.org/jsf/html">  
<h:head>  
<title>Web Resources Example</title>  
</h:head>  
<h:body>  
<h:form>  
<h:outputScript  library="js" name="test.js" target="head"/>  
</h:form>  
</h:body>  
</html>

執行後，在瀏覽器中檢視上述網頁的原始碼。您可以看到JavaScript被重新定位到頭部。