zoukankan      html  css  js  c++  java
  • How to include JavaScript file in JSF

    In JSF 2.0, you can use <h:outputScript /> tag to render a HTML “script” element, and link it to a js file.

    For example,

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

    It will generate following HTML output…

    <script type="text/javascript" 
      	src="/JavaServerFaces/faces/javax.faces.resource/common.js?ln=js">
    </script>
    

    JSF outputScript example

    An example to show you how to use <h:outputScript /> to render a “common.js“, see figure below :
    jsf2-outputScript-example

    JSF file

    ``

    	<h1>JSF 2 outputScript example</h1>
    	
    	<h:outputScript library="js" name="common.js" />
    	
    </h:body>
    
    ``` It will generate following HTML output ```
     <h1>JSF 2 outputScript example</h1>
    
     <script type="text/javascript" 
       src="/JavaServerFaces/faces/javax.faces.resource/common.js?ln=js">
     </script>
    
    ``` The JS file will render in where JSF `` tag is placed. ##Target Attribute

    In addition, you can use “target” attribute to control where to output the js file.

    • target=”head” – Display within the top of HTML head tag.
    • target=”body” – Display at the end of the body tag.
    • no target – Display at where the tag is placed.

    For example

    <h:outputScript library="js" name="common.js" target="body" />
    
    It will generate following HTML output
    
    <?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">
    	
       <head>
         
       </head>
    	
       <body> 	
         <h1>JSF 2 outputScript example</h1>
    
    	<script type="text/javascript" 
    	   src="/JavaServerFaces/faces/javax.faces.resource/common.js?ln=js">
    	</script>
       </body>
    
    </html>
    
  • 相关阅读:
    VS快捷键
    IIS部署WCF
    WLAN的优点
    局域网与WAN比较
    局域网拓扑结构
    局域网协议
    局域网介绍
    wifi主要特性
    wifi发展前景
    Wi-Fi与WAPI主要区别
  • 原文地址:https://www.cnblogs.com/ghgyj/p/4765395.html
Copyright © 2011-2022 走看看