JSF提供了将您的资源放置在网页的任何部分并将其呈现给另一部分的工具。您可以通过指定目标属性重新定位您的资源。
您可以将以下属性传递到目标属性中重新定位。
head:用于在头部渲染资源。
body:它用于在body
部分渲染资源,
form:用于在表单部分呈现资源。
在下面的例子中,我们将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被重新定位到头部。