★ In JSF2 you can use the <h:outputScript/> tag to import local javascript and css files in to your xhtml file. However if you are using this tag your resource file should be located in the WebContent/resources folder. Please follow the following steps.
★ Create a new folder inside your WebContent fodler and name it as 'resources'.
★ Put your JS file directly in to resources folder or create a sub folder in resources folder and put the file in to it. (I will create a subfolder and name it as js and add my js file myJs.js in to it.)
★ Now in your xhtml page add this line in between the <h:head></h:head> tags to import the file.
<h:outputScript name="js/myJs.js" />2. Import an external JS file
★ You can't use the <h:outputScript/> tag to import external js files. Just use plain <script/> tag as below.
<script src="http://<your-site>/yourJs.js"/>