javascript - 如何将多个html页面添加到同一个WebView中

Question

我正在尝试从 Java 将多个 HTML 页面加载到 JavaFx WebView 中，但我只获取最后添加的 WebView:

.java 文件

private void multiplePages() {
    webEngine.load("file:D:/head.html");
    webEngine.load("file:D:/body.html");
}

如何将多个 HTML 页面添加到同一个 WebView 中

HTML:

head.html

<div class="Head">
    <h3 class="panel-title">Page Head</h3>
</div>

body.html

<div class="Head">
    <h3 class="panel-title">Page Head</h3>
</div>

提前谢谢大家。

更新:

问题已提到here: Cannot execute JavaScript when multiple WebViews are used at the same time, JDKJDK-8129398作为一个错误。

这个问题是我之前问过的另一个问题的后续问题:Error calling JavaScript from Java和 netscape.javascript.JSException: SyntaxError: Unexpected keyword 'this'. Expected ')' to end a argument list 。经过深入研究，我认为这就是问题的根源，(即在同一个 WebView 中调用多个 HTML)。我知道这可能没有多大意义，但请注意，发布的问题是我遇到的实际问题的一个非常基本的分解部分。不可避免的是，我在同一个 WebView 中有多个 HTML。

Answer 1

单个 WebView 实例在任何给定时间只能查看单个 HTML 文档。

也许您想使用iframe ，这将允许您在单个 HTML 页面中嵌入多个 HTML 页面？不过，在现代 HTML 开发中，iframe 的使用通常是 discouraged for many tasks因为它有很多缺点。

实现 HTML 页面的 header 和正文的标准方法是使用 HTML 生成模板语言将多个 HTML 片段组合成一个单个 HTML 页面。 HTML 模板是一个 StackOverflow 答案范围过于广泛的主题。 HTML 模板的组成复杂程度各异，从简单的字符串附加到使用复杂的处理技术(例如 JSF)。您可能希望单独研究 HTML 模板。