JavaScript加载“header.xhtml”脱机但不在线

时间:2016-05-18 08:46:38

标签: javascript jquery jsf iframe xhtml

背景: 我正在尝试使用JSF和xhtml为大学构建一个网站,将Eclipse EE部署为我的IDE。目前,我正试图找到一种方法,在我的“index.xhtml”中包含一个“header.xhtml”,其方式既可以脱机工作(Tomcat 8作为Eclipse的一部分),也可以作为在线服务器(德语的在线服务器)。提供者“Alfahosting”)。

当尝试通过Javascript包含“header.xhtml”(与index.xhtml位于同一目录中)时,可以正常离线,而在线则不行(只显示没有页面)标题,如下所示:http://danielmethner.com/) 然而,当我在webseite上使用时,JavaScript本身也可以工作,因为我发现它包含了一个“hello world”-alert,它可以在线和离线工作。

使用Javascript的index.xhtml位在这里:

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html>

<!--=============== Doctype Declaration =================-->

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

<!--==================== Header =========================-->
<h:head>
    <h:outputStylesheet library="css" name="body.css"/>  
    <title>Web Development Project</title>

    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#header").load("header.xhtml"); 
            $("#footer").load("footer.xhtml"); 
        }); 
    </script>
    <div id="header"></div>
    <style>
        #index {
            font-weight: bolder;
        }
    </style>
</h:head>

我在互联网上找到的替代方案是iframe(我在链接页面的页脚中使用过)。但是,iframe 无法脱机工作,只能在线使用。离线使用时,每次单击它时都会移动。当在线使用时,它不再移动但它会打开同一窗口中的任何链接(这似乎是iframe固有的?)。

所以基本上,我想知道是否有人知道为什么这部分javascript会在我的本地主机上脱机而不能在线工作?

或者我是否应该完全专注于iframe,或者甚至使用我不知道的其他方法?

PS。请原谅任何正式的&amp;这篇文章中的语言错误,因为这是我在stackoverflow上提出的第一个问题(我是“外国人”)。另外我知道有很多类似的问题,我已经连续两天做了研究,所以在这里我再次问这些问题。

无论哪种方式,非常感谢你的帮助!

编辑:我刚刚意识到我的问题看起来有点像广告。如果我要删除外部链接/我的在线提供商的名称,我将很乐意这样做。

0 个答案:

没有答案