Question

我想从外部创建的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文件导入模态。

Essentiall我想在外部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，所以我似乎无法找到一种能让这更容易的解决方案。

Answer 1

使用jsp include：

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

显然这需要你的主文件是一个jsp文件而不仅仅是一个普通的html文件。

将HTML导入html页面

1 个答案: