【问题标题】:can't seem to load CSS and JS to JSF files似乎无法将 CSS 和 JS 加载到 JSF 文件
【发布时间】:2013-12-05 15:16:59
【问题描述】:

我正在尝试将 CSS 文件和 JavaScript 文件导入 JSF 文件,但它似乎不起作用:

我在 WebContent 中创建了以下文件夹并将文件放在那里。

WebContent > 资源 > css > DBankWebsite30.css 和
WebContent > 资源 > js > mainScript18.js

当我在我的网页中查看浏览器的源代码时,文件没有加载

<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>

<h:outputStylesheet name="css/DBankWebsite30.css"/>
<h:outputScript name="js/mainScript18.js"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255"/>
<title>DBank - The best bank</title>

</h:head>


<style>

#content>p
{
font-size:20px;
font-style:italic;
}
</style>

<h:body onload="javascript:setInterval(clock,1000);javascript:buttonClicked();">

<div id="main">
<div id="upper">
    <p id="welcomeMessage">Hello guest.</p>
    <div id="login">
        <a href="LoginPage.html">Login/Logout</a>
    </div>
</div>

<div id="left">
<div id="hour"></div>
    <ul>
        <li id="MainPage" class="mainButtons"><a href="MainPage.xhtml">- Home -</a>        <hr/></li>
        <li id="Personal" class="mainButtons"><a href="Personal.xhtml">- Personal -    </a><hr/></li>
        <li id="AboutUs" class="mainButtons"><a     href="localHost:8080/MainPage/AboutUsButton.xhtml">- About us -</a><hr/></li>
        <li id="ContactUs" class="mainButtons"><a     href="localHost:8080/MainPage/ContactUsButton.xhtml">- Contact us -</a><hr/></li>
    </ul>
</div>

<div id="content">
    <p><h:form> Bank content <h:outputLabel     value="bla" /></h:form> </p>

</div>

<div id="bottom"> 
    <p id="rights">DBank © All rights reserved. </p>
</div>
</div>
</h:body>
</html>

【问题讨论】:

标签: javascript html css jsf


【解决方案1】:

您显示的网页是在资源文件夹中还是在 WebContent 文件夹中。如果在网页内容中,您需要链接它们

<h:outputStylesheet name="resources/css/DBankWebsite30.css"/>
<h:outputScript name="resources/js/mainScript18.js"/>

【讨论】:

  • 尝试在资源前添加斜线
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-11-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多