java - Javafx web View 中的 JSException

标签 java javafx javafx-webengine

我遇到了一些我不明白的奇怪行为。我有一个类MonologueTab:

public final class MonologueTab extends VBox{
    private MonologueNode node;
    WebView webView;
    WebEngine webEngine;

    public MonologueTab(){
        this.node = Game.getInstance().getMonologueDatabase().getMonologueNode();
        webView = new WebView();
        webEngine = webView.getEngine();
        createGui();
    }

    public void createGui(){

        Label textLabel = new Label ();
        textLabel.setGraphic(webView);
        textLabel.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        webEngine.loadContent(node.getNextLine());
        this.getChildren().add(textLabel);
        textLabel.setOnMouseClicked((MouseEvent event) -> {
            String nextLine = node.getNextLine();
            if (nextLine!=null){
                webEngine.executeScript("document.getElementById('content').insertAdjacentHTML( 'beforeend'," + nextLine + ");");
                webEngine.executeScript("window.scrollTo(0, document.body.scrollHeight);");
            }
            else{
                EventManager.getInstance().notifyObserver("end" + node.getStartTrigger());
            }
        });
    }
}

按预期工作。但是当我尝试将基本相同的代码移植到新类 DialogueTab 中时:

public final class DialogueTab extends VBox implements EventObserver{
    WebView webView;
    WebEngine webEngine;

    public DialogueTab(){
        webView = new WebView();
        webEngine = webView.getEngine();
        EventManager.getInstance().addObserver(this);
        createGui();
    }

    public void createGui(){
        this.getChildren().removeAll(this.getChildren());
        Label conversation = new Label();
        conversation.setGraphic(webView);
        conversation.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        webEngine.loadContent("<body><b>Available Conversations</b><br><div id='content'></div></body>");                
        this.getChildren().add(conversation);
        for (Person p: Game.getInstance().getPeopleAt()){
            webEngine.executeScript("document.getElementById('content').insertAdjacentHTML('beforeend', " + p.getShortDesc() + ");");
        //some irrelevance removed
        }
    }

它抛出一个: netscape.javascript.JSException:TypeError:null不是对象(评估“document.getElementById('content').insertAdjacentHTML')

现在,我假设这与问题 here 有关。但我不明白为什么它在一个地方工作正常,但在另一个地方却不行。

最佳答案

我认为第一个示例之所以有效,是因为脚本仅在鼠标单击时执行(此时页面应该已完全加载);而第二个示例在请求开始加载后直接执行脚本(启动后速度太快,不可能完成加载)。

至于解决方案,您自己在链接的帖子中提供了答案。如果您需要任何进一步的解释,请随时询问。

关于java - Javafx web View 中的 JSException,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53584252/

相关文章:

css - 如何在 JavaFX WebView 中左填充一个 div?

java - HttpURLConnection 不向服务器发送 cookie 值

java - 如何在Java/Swing 应用程序中使用Windows XP 主题?

java - 脑筋急转弯/谜题的算法排序解决方案

Java错误: illegal start of the expressions

css - JavaFX 从资源文件夹加载 CSS 样式

javafx - 将虚拟键盘更改为 AZERTY

java - 故意在 JavaFX windows 应用程序上重现应用程序崩溃 "Application has Stopped Working"

javafx - 如何以编程方式在 WebView 中使用基本身份验证 - JavaFX

javascript - 如何确保加载所有 HTML