新窗口中的网络聊天机器人

Question

我有一个网聊，它正在按预期运行。我添加了一些自定义功能，例如最大化，最小化等。我想要一个按钮来打开一个新窗口，其中包含完整呈现的网络聊天以及其中所有已键入的消息。

我已经尝试过的方法：

newWindow.onclick = function(){
        chatWindow.style.display = "none";
        myBtn.style.display = "block";

        var divText = document.getElementById("webchat").innerHTML;
        var myWindow = window.open("","","width=800,height=500");
        var doc = myWindow.document;

        doc.open();
        doc.write(divText);
        doc.close();
    }

chatWindow是放置我的网络聊天的div。如果可能的话，我只想将整个div（包括所有组件）转移到新创建的窗口中。

myBtn是用于打开聊天的按钮，当您第一次加载网站时，仅显示该内容（使用style.display =“ none”等）

使用当前代码，网络聊天会加载，所有消息也会被传输，但是所有样式的内容都会丢失：

我认为这是因为“ innerHTML”，但是我是HTML的新手，所以我并不真正了解。

编辑：

当我单击“键入您的消息”并按Enter时，窗口会重新加载，一切看起来都应该正确。