0

我想从外部创建的 html 文件中导入 html。

我正在使用 Twitter Bootstrap，并且我创建了一个工作测验中心。基本上每个页面上最多有 10 个不同的团队代表，他们可以选择在他们的团队部分中包含多达 50 个测验。测验独立于团队，因此可以在页面上使用多个。测验通过模态中的 iframe 打开 - 见下文。

<h4>General Quizzes</h4>
                <ul>
                   <li>
                       <p><i class="icon-file"></i>
                             <a data-toggle="modal" href="#GeneralQuiz">General MF Quiz</a></p>

                                    <div class="modal hide fade myModal_slick" id="GeneralQuiz" tabindex="-1">
                                    <div class="modal-header">
                                   <iframe frameborder="0" height="100%"  src="General_quiz.html" scrolling="no"> </iframe>                                        </div>

                                    <div class="modal-footer">
                                                                           <button class="btn" data-dismiss="modal">Close</button>
                                    </div>
                  </li>

由于我在同一页面上的不同团队部分重用测验或模式，我试图保存一些代码并尝试从外部 HTML 文件导入模式。

本质上，我希望将这部分代码放在外部 html 文件中：

<div class="modal hide fade myModal_slick" id="GeneralQuiz" tabindex="-1">
<div class="modal-header">
<iframe frameborder="0" height="100%"  src="General_quiz.html" scrolling="no"> </iframe>                                        
</div>

<div class="modal-footer">
<button class="btn" data-dismiss="modal">Close</button>
</div>

然后让它仅由数据切换调用：

<a data-toggle="modal" href="#GeneralQuiz">General Quiz</a>

我的工作使用 Weblogic 服务器，所以它不支持 PHP，只支持 Java，所以我似乎找不到可以使这更容易的解决方案。

4

1 回答 1

0

使用jsp包括：

 <jsp:include page="General_quiz.html"/>

显然，这要求您的主文件是一个 jsp 文件，而不仅仅是一个普通的 html 文件。

于 2013-09-04T21:25:48.713 回答